常用元素默认margin和padding值问题探讨

网站建设 2023-01-28 20:48www.1681989.com免费网站

关于默认元素在不同浏览器中的marg值是多少的问题,今天做了一个探讨


复制代码
代码如下:

// body的marg值
firefox 20.0 ----------------------- body的marg为: marg:8px 8px 8px 8px;
Inter Explorer 6.0 ----------- body的marg为: marg:15px 10px 15px 10px;
Inter Explorer 7.0 ----------- body的marg为: marg:16px 11px 16px 11px;
Inter Explorer 8.0-10.0 ---- body的marg为: marg:16px 8px 16px 8px;
Opera 12.11 --------------------- body的marg为: marg:16px 8px 16px 8px;
Safari 5.1 ------------------------- body的marg为: marg:16px 8px 16px 8px;
Google Chrome 27.0 --------- body的marg为: marg:16px 8px 16px 8px;

// h1的marg值
firefox 20.0 ----------------------- h1的marg为: marg:21px 0 22px 0;
Inter Explorer 6.0 ----------- h1的marg为: marg:19px 0 19px 0;
Inter Explorer 7.0 ----------- h1的marg为: marg:19px 0 19px 0;
Inter Explorer 8.0-10.0 ---- h1的marg为: marg:20px 0 20px 0;
Opera 12.11 --------------------- h1的marg为: marg:21px 0 21px 0;
Safari 5.1 ------------------------- h1的marg为: marg:21px 0 21px 0;
Google Chrome 27.0 --------- h1的marg为: marg:21px 0 22px 0;

// h2的marg值
firefox 20.0 ----------------------- h2的marg为: marg:20px 0 20px 0;
Inter Explorer 6.0 ----------- h2的marg为: marg:19px 0 19px 0;
Inter Explorer 7.0 ----------- h2的marg为: marg:19px 0 19px 0;
Inter Explorer 8.0-10.0 ---- h2的marg为: marg:20px 0 20px 0;
Opera 12.11 --------------------- h2的marg为: marg:19px 0 19px 0;
Safari 5.1 ------------------------- h2的marg为: marg:19px 0 19px 0;
Google Chrome 27.0 --------- h2的marg为: marg:20px 0 20px 0;

// h3的marg值
firefox 20.0 ----------------------- h3的marg为: marg:19px 0 18px 0;
Inter Explorer 6.0 ----------- h3的marg为: marg:19px 0 19px 0;
Inter Explorer 7.0 ----------- h3的marg为: marg:19px 0 19px 0;
Inter Explorer 8.0-10.0 ---- h3的marg为: marg:19px 0 18px 0;
Opera 12.11 --------------------- h3的marg为: marg:18px 0 18px 0;
Safari 5.1 ------------------------- h3的marg为: marg:18px 0 18px ;
Google Chrome 27.0 --------- h3的marg为: marg:19px 0 18px 0;

// h4的marg值
firefox 20.0 ----------------------- h4的marg为: marg:22px 0 21px 0;
Inter Explorer 6.0 ----------- h4的marg为: marg:19px 0 19px 0;
Inter Explorer 7.0 ----------- h4的marg为: marg:19px 0 19px 0;
Inter Explorer 8.0-10.0 ---- h4的marg为: marg:22px 0 21px 0;
Opera 12.11 --------------------- h4的marg为: marg:16px 0 16px 0;
Safari 5.1 ------------------------- h4的marg为: marg:21px 0 21px 0;
Google Chrome 27.0 --------- h4的marg为: marg:22px 0 21px 0;

// h5的marg值
firefox 20.0 ----------------------- h5的marg为: marg:22px 0 22px 0;
Inter Explorer 6.0 ----------- h5的marg为: marg:19px 0 19px 0;
Inter Explorer 7.0 ----------- h5的marg为: marg:19px 0 19px 0;
Inter Explorer 8.0-10.0 ---- h5的marg为: marg:22px 0 22px 0;
Opera 12.11 --------------------- h5的marg为: marg:22px 0 22px 0;
Safari 5.1 ------------------------- h5的marg为: marg:22px 0 22px 0;
Google Chrome 27.0 --------- h5的marg为: marg:22px 0 22px 0;

// h6的marg值
firefox 20.0 ----------------------- h6的marg为: marg:25px 0 25px 0;
Inter Explorer 6.0 ----------- h6的marg为: marg:19px 0 19px 0;
Inter Explorer 7.0 ----------- h6的marg为: marg:19px 0 19px 0;
Inter Explorer 8.0-10.0 ---- h6的marg为: marg:25px 0 25px 0;
Opera 12.11 --------------------- h6的marg为: marg:24px 0 24px 0;
Safari 5.1 ------------------------- h6的marg为: marg:24px 0 24px 0;
Google Chrome 27.0 --------- h6的marg为: marg:28px 0 28px 0;

// dl的marg值
firefox 20.0 ----------------------- dl的marg为: marg:16px 0 16px 0;
Inter Explorer 6.0 ----------- dl的marg为: marg:19px 0 19px 0;
Inter Explorer 7.0 ----------- dl的marg为: marg:19px 0 19px 0;
Inter Explorer 8.0-10.0 ---- dl的marg为: marg:16px 0 16px 0;
Opera 12.11 --------------------- dl的marg为: marg:16px 0 16px 0;
Safari 5.1 ------------------------- dl的marg为: marg:16px 0 16px 0;
Google Chrome 27.0 --------- dl的marg为: marg:16px 0 16px 0;

// dd的marg值
firefox 20.0 ----------------------- dd的marg为: marg:0 0 0 40px;
Inter Explorer 6.0 ----------- dd的marg为: marg:0 0 0 40px;
Inter Explorer 7.0 ----------- dd的marg为: marg:0 0 0 40px;
Inter Explorer 8.0-10.0 ---- dd的marg为: marg:0 0 0 40px;
Opera 12.11 --------------------- dd的marg为: marg:0 0 0 40px;
Safari 5.1 ------------------------- dd的marg为: marg:0 0 0 40px;
Google Chrome 27.0 --------- dd的marg为: marg:0 0 0 40px;

// ul的marg值
firefox 20.0 ----------------------- ul的marg为: marg:16px 0 16px 0;
Inter Explorer 6.0 ----------- ul的marg为: marg:19px 0 19px 40px;
Inter Explorer 7.0 ----------- ul的marg为: marg:19px 0 19px 40px;
Inter Explorer 8.0-10.0 ---- ul的marg为: marg:16px 0 16px 0;
Opera 12.11 --------------------- ul的marg为: marg:16px 0 16px 0;
Safari 5.1 ------------------------- ul的marg为: marg:16px 0 16px 0;
Google Chrome 27.0 --------- ul的marg为: marg:16px 0 16px 0;

// ol的marg值
firefox 20.0 ----------------------- ol的marg为: marg:16px 0 16px 0;
Inter Explorer 6.0 ----------- ol的marg为: marg:19px 0 19px 40px;
Inter Explorer 7.0 ----------- ol的marg为: marg:19px 0 19px 40px;
Inter Explorer 8.0-10.0 ---- ol的marg为: marg:16px 0 16px 0;
Opera 12.11 --------------------- ol的marg为: marg:16px 0 16px 0;
Safari 5.1 ------------------------- ol的marg为: marg:16px 0 16px 0;
Google Chrome 27.0 --------- ol的marg为: marg:16px 0 16px 0;

// ul的paddg值
firefox 20.0 ----------------------- ul的paddg为: paddg:0 0 0 40px;
Inter Explorer 6.0 ----------- ul的paddg为: paddg:0 0 0 0;
Inter Explorer 7.0 ----------- ul的paddg为: paddg:0 0 0 0;
Inter Explorer 8.0-10.0 ---- ul的paddg为: paddg:0 0 0 40px;
Opera 12.11 --------------------- ul的paddg为: paddg:0 0 0 40px;
Safari 5.1 ------------------------- ul的paddg为: paddg:0 0 0 40px;
Google Chrome 27.0 --------- ul的paddg为: paddg:0 0 0 40px;

// ol的paddg值
firefox 20.0 ----------------------- ol的paddg为: paddg:0 0 0 40px;
Inter Explorer 6.0 ----------- ol的paddg为: paddg:0 0 0 0;
Inter Explorer 7.0 ----------- ol的paddg为: paddg:0 0 0 0;
Inter Explorer 8.0-10.0 ---- ol的paddg为: paddg:0 0 0 40px;
Opera 12.11 --------------------- ol的paddg为: paddg:0 0 0 40px;
Safari 5.1 ------------------------- ol的paddg为: paddg:0 0 0 40px;
Google Chrome 27.0 --------- ol的paddg为: paddg:0 0 0 40px;

// p的marg值
firefox 20.0 ----------------------- p的marg为: marg:16px 0 16px 0;
Inter Explorer 6.0 ----------- p的marg为: marg:19px 0 19px 0;
Inter Explorer 7.0 ----------- p的marg为: marg:19px 0 19px 0;
Inter Explorer 8.0-10.0 ---- p的marg为: marg:16px 0 16px 0;
Opera 12.11 --------------------- p的marg为: marg:16px 0 16px 0;
Safari 5.1 ------------------------- p的marg为: marg:16px 0 16px 0;
Google Chrome 27.0 --------- p的marg为: marg:16px 0 16px 0;

// thead,tbody,tfoot的marg值
firefox 20.0 ----------------------- thead,tbody,tfoot的marg为: marg:2px 2px 2px 2px;
Inter Explorer 6.0 ----------- thead,tbody,tfoot的marg为: marg:2px 2px 2px 2px;
Inter Explorer 7.0 ----------- thead,tbody,tfoot的marg为: marg:2px 2px 2px 2px;
Inter Explorer 8.0-10.0 ---- thead,tbody,tfoot的marg为: marg:2px 2px 2px 2px;
Opera 12.11 --------------------- thead,tbody,tfoot的marg为: marg:2px 2px 2px 2px;
Safari 5.1 ------------------------- thead,tbody,tfoot的marg为: marg:2px 2px 2px 2px;
Google Chrome 27.0 --------- thead,tbody,tfoot的marg为: marg:2px 2px 2px 2px;

// form的marg值
firefox 20.0 ----------------------- form的marg为: marg:0 0 0 0;
Inter Explorer 6.0 ----------- form的marg为: marg:19px 0 19px 0;
Inter Explorer 7.0 ----------- form的marg为: marg:19px 0 19px 0;
Inter Explorer 8.0-10.0 ---- form的marg为: marg:0 0 0 0;
Opera 12.11 --------------------- form的marg为: marg:0 0 0 0;
Safari 5.1 ------------------------- form的marg为: marg:0 0 0 0;
Google Chrome 27.0 --------- form的marg为: marg:0 0 0 0;

Copyright © 2016-2025 www.1681989.com 推火网 版权所有 Power by