您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“常用元素默認margin和padding值的示例分析”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“常用元素默認margin和padding值的示例分析”這篇文章吧。
代碼如下:
// body的margin值
firefox 20.0 ----------------------- body的margin為: margin:8px 8px 8px 8px;
Internet Explorer 6.0 ----------- body的margin為: margin:15px 10px 15px 10px;
Internet Explorer 7.0 ----------- body的margin為: margin:16px 11px 16px 11px;
Internet Explorer 8.0-10.0 ---- body的margin為: margin:16px 8px 16px 8px;
Opera 12.11 --------------------- body的margin為: margin:16px 8px 16px 8px;
Safari 5.1 ------------------------- body的margin為: margin:16px 8px 16px 8px;
Google Chrome 27.0 --------- body的margin為: margin:16px 8px 16px 8px;
// h2的margin值
firefox 20.0 ----------------------- h2的margin為: margin:21px 0 22px 0;
Internet Explorer 6.0 ----------- h2的margin為: margin:19px 0 19px 0;
Internet Explorer 7.0 ----------- h2的margin為: margin:19px 0 19px 0;
Internet Explorer 8.0-10.0 ---- h2的margin為: margin:20px 0 20px 0;
Opera 12.11 --------------------- h2的margin為: margin:21px 0 21px 0;
Safari 5.1 ------------------------- h2的margin為: margin:21px 0 21px 0;
Google Chrome 27.0 --------- h2的margin為: margin:21px 0 22px 0;
// h3的margin值
firefox 20.0 ----------------------- h3的margin為: margin:20px 0 20px 0;
Internet Explorer 6.0 ----------- h3的margin為: margin:19px 0 19px 0;
Internet Explorer 7.0 ----------- h3的margin為: margin:19px 0 19px 0;
Internet Explorer 8.0-10.0 ---- h3的margin為: margin:20px 0 20px 0;
Opera 12.11 --------------------- h3的margin為: margin:19px 0 19px 0;
Safari 5.1 ------------------------- h3的margin為: margin:19px 0 19px 0;
Google Chrome 27.0 --------- h3的margin為: margin:20px 0 20px 0;
// h4的margin值
firefox 20.0 ----------------------- h4的margin為: margin:19px 0 18px 0;
Internet Explorer 6.0 ----------- h4的margin為: margin:19px 0 19px 0;
Internet Explorer 7.0 ----------- h4的margin為: margin:19px 0 19px 0;
Internet Explorer 8.0-10.0 ---- h4的margin為: margin:19px 0 18px 0;
Opera 12.11 --------------------- h4的margin為: margin:18px 0 18px 0;
Safari 5.1 ------------------------- h4的margin為: margin:18px 0 18px ;
Google Chrome 27.0 --------- h4的margin為: margin:19px 0 18px 0;
// h5的margin值
firefox 20.0 ----------------------- h5的margin為: margin:22px 0 21px 0;
Internet Explorer 6.0 ----------- h5的margin為: margin:19px 0 19px 0;
Internet Explorer 7.0 ----------- h5的margin為: margin:19px 0 19px 0;
Internet Explorer 8.0-10.0 ---- h5的margin為: margin:22px 0 21px 0;
Opera 12.11 --------------------- h5的margin為: margin:16px 0 16px 0;
Safari 5.1 ------------------------- h5的margin為: margin:21px 0 21px 0;
Google Chrome 27.0 --------- h5的margin為: margin:22px 0 21px 0;
// h6的margin值
firefox 20.0 ----------------------- h6的margin為: margin:22px 0 22px 0;
Internet Explorer 6.0 ----------- h6的margin為: margin:19px 0 19px 0;
Internet Explorer 7.0 ----------- h6的margin為: margin:19px 0 19px 0;
Internet Explorer 8.0-10.0 ---- h6的margin為: margin:22px 0 22px 0;
Opera 12.11 --------------------- h6的margin為: margin:22px 0 22px 0;
Safari 5.1 ------------------------- h6的margin為: margin:22px 0 22px 0;
Google Chrome 27.0 --------- h6的margin為: margin:22px 0 22px 0;
// h7的margin值
firefox 20.0 ----------------------- h7的margin為: margin:25px 0 25px 0;
Internet Explorer 6.0 ----------- h7的margin為: margin:19px 0 19px 0;
Internet Explorer 7.0 ----------- h7的margin為: margin:19px 0 19px 0;
Internet Explorer 8.0-10.0 ---- h7的margin為: margin:25px 0 25px 0;
Opera 12.11 --------------------- h7的margin為: margin:24px 0 24px 0;
Safari 5.1 ------------------------- h7的margin為: margin:24px 0 24px 0;
Google Chrome 27.0 --------- h7的margin為: margin:28px 0 28px 0;
// dl的margin值
firefox 20.0 ----------------------- dl的margin為: margin:16px 0 16px 0;
Internet Explorer 6.0 ----------- dl的margin為: margin:19px 0 19px 0;
Internet Explorer 7.0 ----------- dl的margin為: margin:19px 0 19px 0;
Internet Explorer 8.0-10.0 ---- dl的margin為: margin:16px 0 16px 0;
Opera 12.11 --------------------- dl的margin為: margin:16px 0 16px 0;
Safari 5.1 ------------------------- dl的margin為: margin:16px 0 16px 0;
Google Chrome 27.0 --------- dl的margin為: margin:16px 0 16px 0;
// dd的margin值
firefox 20.0 ----------------------- dd的margin為: margin:0 0 0 40px;
Internet Explorer 6.0 ----------- dd的margin為: margin:0 0 0 40px;
Internet Explorer 7.0 ----------- dd的margin為: margin:0 0 0 40px;
Internet Explorer 8.0-10.0 ---- dd的margin為: margin:0 0 0 40px;
Opera 12.11 --------------------- dd的margin為: margin:0 0 0 40px;
Safari 5.1 ------------------------- dd的margin為: margin:0 0 0 40px;
Google Chrome 27.0 --------- dd的margin為: margin:0 0 0 40px;
// ul的margin值
firefox 20.0 ----------------------- ul的margin為: margin:16px 0 16px 0;
Internet Explorer 6.0 ----------- ul的margin為: margin:19px 0 19px 40px;
Internet Explorer 7.0 ----------- ul的margin為: margin:19px 0 19px 40px;
Internet Explorer 8.0-10.0 ---- ul的margin為: margin:16px 0 16px 0;
Opera 12.11 --------------------- ul的margin為: margin:16px 0 16px 0;
Safari 5.1 ------------------------- ul的margin為: margin:16px 0 16px 0;
Google Chrome 27.0 --------- ul的margin為: margin:16px 0 16px 0;
// ol的margin值
firefox 20.0 ----------------------- ol的margin為: margin:16px 0 16px 0;
Internet Explorer 6.0 ----------- ol的margin為: margin:19px 0 19px 40px;
Internet Explorer 7.0 ----------- ol的margin為: margin:19px 0 19px 40px;
Internet Explorer 8.0-10.0 ---- ol的margin為: margin:16px 0 16px 0;
Opera 12.11 --------------------- ol的margin為: margin:16px 0 16px 0;
Safari 5.1 ------------------------- ol的margin為: margin:16px 0 16px 0;
Google Chrome 27.0 --------- ol的margin為: margin:16px 0 16px 0;
// ul的padding值
firefox 20.0 ----------------------- ul的padding為: padding:0 0 0 40px;
Internet Explorer 6.0 ----------- ul的padding為: padding:0 0 0 0;
Internet Explorer 7.0 ----------- ul的padding為: padding:0 0 0 0;
Internet Explorer 8.0-10.0 ---- ul的padding為: padding:0 0 0 40px;
Opera 12.11 --------------------- ul的padding為: padding:0 0 0 40px;
Safari 5.1 ------------------------- ul的padding為: padding:0 0 0 40px;
Google Chrome 27.0 --------- ul的padding為: padding:0 0 0 40px;
// ol的padding值
firefox 20.0 ----------------------- ol的padding為: padding:0 0 0 40px;
Internet Explorer 6.0 ----------- ol的padding為: padding:0 0 0 0;
Internet Explorer 7.0 ----------- ol的padding為: padding:0 0 0 0;
Internet Explorer 8.0-10.0 ---- ol的padding為: padding:0 0 0 40px;
Opera 12.11 --------------------- ol的padding為: padding:0 0 0 40px;
Safari 5.1 ------------------------- ol的padding為: padding:0 0 0 40px;
Google Chrome 27.0 --------- ol的padding為: padding:0 0 0 40px;
// p的margin值
firefox 20.0 ----------------------- p的margin為: margin:16px 0 16px 0;
Internet Explorer 6.0 ----------- p的margin為: margin:19px 0 19px 0;
Internet Explorer 7.0 ----------- p的margin為: margin:19px 0 19px 0;
Internet Explorer 8.0-10.0 ---- p的margin為: margin:16px 0 16px 0;
Opera 12.11 --------------------- p的margin為: margin:16px 0 16px 0;
Safari 5.1 ------------------------- p的margin為: margin:16px 0 16px 0;
Google Chrome 27.0 --------- p的margin為: margin:16px 0 16px 0;
// thead,tbody,tfoot的margin值
firefox 20.0 ----------------------- thead,tbody,tfoot的margin為: margin:2px 2px 2px 2px;
Internet Explorer 6.0 ----------- thead,tbody,tfoot的margin為: margin:2px 2px 2px 2px;
Internet Explorer 7.0 ----------- thead,tbody,tfoot的margin為: margin:2px 2px 2px 2px;
Internet Explorer 8.0-10.0 ---- thead,tbody,tfoot的margin為: margin:2px 2px 2px 2px;
Opera 12.11 --------------------- thead,tbody,tfoot的margin為: margin:2px 2px 2px 2px;
Safari 5.1 ------------------------- thead,tbody,tfoot的margin為: margin:2px 2px 2px 2px;
Google Chrome 27.0 --------- thead,tbody,tfoot的margin為: margin:2px 2px 2px 2px;
// form的margin值
firefox 20.0 ----------------------- form的margin為: margin:0 0 0 0;
Internet Explorer 6.0 ----------- form的margin為: margin:19px 0 19px 0;
Internet Explorer 7.0 ----------- form的margin為: margin:19px 0 19px 0;
Internet Explorer 8.0-10.0 ---- form的margin為: margin:0 0 0 0;
Opera 12.11 --------------------- form的margin為: margin:0 0 0 0;
Safari 5.1 ------------------------- form的margin為: margin:0 0 0 0;
Google Chrome 27.0 --------- form的margin為: margin:0 0 0 0;
以上是“常用元素默認margin和padding值的示例分析”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。