常用元素默認(rèn)margin和padding值的示例分析

這篇文章主要為大家展示了“常用元素默認(rèn)margin和padding值的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“常用元素默認(rèn)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;

以上是“常用元素默認(rèn)margin和padding值的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！