建站动态:乐数码共分享文章教程6 篇,网站模板0 套,网站源码0份!你还可以: 免费投稿

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

综合其他     次浏览 0看法

关于默认元素在不同浏览器中的margin值是多少的问题,经常有网友搜索css margin属性 ,今天做了一个对比与大家一起探讨:

body的margin值

  1. firefox 20.0 ----------------------- body的margin为: margin:8px 8px 8px 8px
  2. Internet Explorer 6.0 ----------- body的margin为: margin:15px 10px 15px 10px
  3. Internet Explorer 7.0 ----------- body的margin为: margin:16px 11px 16px 11px
  4. Internet Explorer 8.0-10.0 ---- body的margin为: margin:16px 8px 16px 8px
  5. Opera 12.11 --------------------- body的margin为: margin:16px 8px 16px 8px
  6. Safari 5.1 ------------------------- body的margin为: margin:16px 8px 16px 8px
  7. Google Chrome 27.0 --------- body的margin为: margin:16px 8px 16px 8px;  

h1的margin值

  1. firefox 20.0 ----------------------- h1的margin为: margin:21px 0 22px 0
  2. Internet Explorer 6.0 ----------- h1的margin为: margin:19px 0 19px 0
  3. Internet Explorer 7.0 ----------- h1的margin为: margin:19px 0 19px 0
  4. Internet Explorer 8.0-10.0 ---- h1的margin为: margin:20px 0 20px 0
  5. Opera 12.11 --------------------- h1的margin为: margin:21px 0 21px 0
  6. Safari 5.1 ------------------------- h1的margin为: margin:21px 0 21px 0
  7. Google Chrome 27.0 --------- h1的margin为: margin:21px 0 22px 0;  

h2的margin值

  1. firefox 20.0 ----------------------- h2的margin为: margin:20px 0 20px 0
  2. Internet Explorer 6.0 ----------- h2的margin为: margin:19px 0 19px 0
  3. Internet Explorer 7.0 ----------- h2的margin为: margin:19px 0 19px 0
  4. Internet Explorer 8.0-10.0 ---- h2的margin为: margin:20px 0 20px 0
  5. Opera 12.11 --------------------- h2的margin为: margin:19px 0 19px 0
  6. Safari 5.1 ------------------------- h2的margin为: margin:19px 0 19px 0
  7. Google Chrome 27.0 --------- h2的margin为: margin:20px 0 20px 0;  

h3的margin值

  1. firefox 20.0 ----------------------- h3的margin为: margin:19px 0 18px 0
  2. Internet Explorer 6.0 ----------- h3的margin为: margin:19px 0 19px 0
  3. Internet Explorer 7.0 ----------- h3的margin为: margin:19px 0 19px 0
  4. Internet Explorer 8.0-10.0 ---- h3的margin为: margin:19px 0 18px 0
  5. Opera 12.11 --------------------- h3的margin为: margin:18px 0 18px 0
  6. Safari 5.1 ------------------------- h3的margin为: margin:18px 0 18px ; 
  7. Google Chrome 27.0 --------- h3的margin为: margin:19px 0 18px 0;  

h4的margin值

  1. firefox 20.0 ----------------------- h4的margin为: margin:22px 0 21px 0
  2. Internet Explorer 6.0 ----------- h4的margin为: margin:19px 0 19px 0
  3. Internet Explorer 7.0 ----------- h4的margin为: margin:19px 0 19px 0
  4. Internet Explorer 8.0-10.0 ---- h4的margin为: margin:22px 0 21px 0
  5. Opera 12.11 --------------------- h4的margin为: margin:16px 0 16px 0
  6. Safari 5.1 ------------------------- h4的margin为: margin:21px 0 21px 0
  7. Google Chrome 27.0 --------- h4的margin为: margin:22px 0 21px 0;  

h5的margin值

  1. firefox 20.0 ----------------------- h5的margin为: margin:22px 0 22px 0
  2. Internet Explorer 6.0 ----------- h5的margin为: margin:19px 0 19px 0
  3. Internet Explorer 7.0 ----------- h5的margin为: margin:19px 0 19px 0
  4. Internet Explorer 8.0-10.0 ---- h5的margin为: margin:22px 0 22px 0
  5. Opera 12.11 --------------------- h5的margin为: margin:22px 0 22px 0
  6. Safari 5.1 ------------------------- h5的margin为: margin:22px 0 22px 0
  7. Google Chrome 27.0 --------- h5的margin为: margin:22px 0 22px 0;  

h6的margin值

  1. firefox 20.0 ----------------------- h6的margin为: margin:25px 0 25px 0
  2. Internet Explorer 6.0 ----------- h6的margin为: margin:19px 0 19px 0
  3. Internet Explorer 7.0 ----------- h6的margin为: margin:19px 0 19px 0
  4. Internet Explorer 8.0-10.0 ---- h6的margin为: margin:25px 0 25px 0
  5. Opera 12.11 --------------------- h6的margin为: margin:24px 0 24px 0
  6. Safari 5.1 ------------------------- h6的margin为: margin:24px 0 24px 0
  7. Google Chrome 27.0 --------- h6的margin为: margin:28px 0 28px 0;  

dl的margin值

  1. firefox 20.0 ----------------------- dl的margin为: margin:16px 0 16px 0
  2. Internet Explorer 6.0 ----------- dl的margin为: margin:19px 0 19px 0
  3. Internet Explorer 7.0 ----------- dl的margin为: margin:19px 0 19px 0
  4. Internet Explorer 8.0-10.0 ---- dl的margin为: margin:16px 0 16px 0
  5. Opera 12.11 --------------------- dl的margin为: margin:16px 0 16px 0
  6. Safari 5.1 ------------------------- dl的margin为: margin:16px 0 16px 0
  7. Google Chrome 27.0 --------- dl的margin为: margin:16px 0 16px 0;  

dd的margin值

  1. firefox 20.0 ----------------------- dd的margin为: margin:0 0 0 40px
  2. Internet Explorer 6.0 ----------- dd的margin为: margin:0 0 0 40px
  3. Internet Explorer 7.0 ----------- dd的margin为: margin:0 0 0 40px
  4. Internet Explorer 8.0-10.0 ---- dd的margin为: margin:0 0 0 40px
  5. Opera 12.11 --------------------- dd的margin为: margin:0 0 0 40px
  6. Safari 5.1 ------------------------- dd的margin为: margin:0 0 0 40px
  7. Google Chrome 27.0 --------- dd的margin为: margin:0 0 0 40px;  

ul的margin值

  1. firefox 20.0 ----------------------- ul的margin为: margin:16px 0 16px 0
  2. Internet Explorer 6.0 ----------- ul的margin为: margin:19px 0 19px 40px
  3. Internet Explorer 7.0 ----------- ul的margin为: margin:19px 0 19px 40px
  4. Internet Explorer 8.0-10.0 ---- ul的margin为: margin:16px 0 16px 0
  5. Opera 12.11 --------------------- ul的margin为: margin:16px 0 16px 0
  6. Safari 5.1 ------------------------- ul的margin为: margin:16px 0 16px 0
  7. Google Chrome 27.0 --------- ul的margin为: margin:16px 0 16px 0;  

ol的margin值

  1. firefox 20.0 ----------------------- ol的margin为: margin:16px 0 16px 0
  2. Internet Explorer 6.0 ----------- ol的margin为: margin:19px 0 19px 40px
  3. Internet Explorer 7.0 ----------- ol的margin为: margin:19px 0 19px 40px
  4. Internet Explorer 8.0-10.0 ---- ol的margin为: margin:16px 0 16px 0
  5. Opera 12.11 --------------------- ol的margin为: margin:16px 0 16px 0
  6. Safari 5.1 ------------------------- ol的margin为: margin:16px 0 16px 0
  7. Google Chrome 27.0 --------- ol的margin为: margin:16px 0 16px 0;  

转载请注明:乐数码_提供虚拟主机、云主机、域名注册服务,关注网站设计、网页设计、建站教程及建站资源 » 常用元素默认margin和padding值问题探讨