關於默認元素在不同浏覽器中的margin值是多少的問題,今天做了一個探討
復制代碼代碼如下:
// 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;
// h1的margin值
firefox 20.0 ----------------------- h1的margin為: margin:21px 0 22px 0;
Internet Explorer 6.0 ----------- h1的margin為: margin:19px 0 19px 0;
Internet Explorer 7.0 ----------- h1的margin為: margin:19px 0 19px 0;
Internet Explorer 8.0-10.0 ---- h1的margin為: margin:20px 0 20px 0;
Opera 12.11 --------------------- h1的margin為: margin:21px 0 21px 0;
Safari 5.1 ------------------------- h1的margin為: margin:21px 0 21px 0;
Google Chrome 27.0 --------- h1的margin為: margin:21px 0 22px 0;
// h2的margin值
firefox 20.0 ----------------------- h2的margin為: margin:20px 0 20px 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:19px 0 19px 0;
Safari 5.1 ------------------------- h2的margin為: margin:19px 0 19px 0;
Google Chrome 27.0 --------- h2的margin為: margin:20px 0 20px 0;
// h3的margin值
firefox 20.0 ----------------------- h3的margin為: margin:19px 0 18px 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:19px 0 18px 0;
Opera 12.11 --------------------- h3的margin為: margin:18px 0 18px 0;
Safari 5.1 ------------------------- h3的margin為: margin:18px 0 18px ;
Google Chrome 27.0 --------- h3的margin為: margin:19px 0 18px 0;
// h4的margin值
firefox 20.0 ----------------------- h4的margin為: margin:22px 0 21px 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:22px 0 21px 0;
Opera 12.11 --------------------- h4的margin為: margin:16px 0 16px 0;
Safari 5.1 ------------------------- h4的margin為: margin:21px 0 21px 0;
Google Chrome 27.0 --------- h4的margin為: margin:22px 0 21px 0;
// h5的margin值
firefox 20.0 ----------------------- h5的margin為: margin:22px 0 22px 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 22px 0;
Opera 12.11 --------------------- h5的margin為: margin:22px 0 22px 0;
Safari 5.1 ------------------------- h5的margin為: margin:22px 0 22px 0;
Google Chrome 27.0 --------- h5的margin為: margin:22px 0 22px 0;
// h6的margin值
firefox 20.0 ----------------------- h6的margin為: margin:25px 0 25px 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:25px 0 25px 0;
Opera 12.11 --------------------- h6的margin為: margin:24px 0 24px 0;
Safari 5.1 ------------------------- h6的margin為: margin:24px 0 24px 0;
Google Chrome 27.0 --------- h6的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;