常用元素默认margin和padding值问题探讨
关于默认元素在不同浏览器中的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;
常用元素默认margin和padding值问题探讨的更多相关文章
- 关于IE处理margin和padding值超出父元素高度的问题
两个div,父div有padding值,子div有margin-top值,浏览器在解析实际父子位置关系时,他们之间的距离是父padding+子margin-top.现在把父div设置固定高度,并有意让 ...
- 浅谈Margin和Padding值设置成百分数的布局
转自:问说网http://www.uedsc.com/discussion-margin-and-padding-values.html Margin和Padding是我们在网页设计经常使用到的CSS ...
- inline元素的margin与padding
替换元素与非替换元素 替换元素(replaced element):所谓替换元素就是浏览器根据元素的标签和属性,来决定元素具体显示什么内容.比如说:img标签的src属性的值用来读取图片信息并且显示出 ...
- 块级元素及内联元素对margin、padding的态度
1.块级元素 margin:跟标准一样,设置该块级元素边框与同级兄弟元素或者父元素的距离,俗称外边距. padding:先延伸边框(也就是优先改变元素尺寸而不动元素中内容的位置),当边框碰到父元素的边 ...
- CSS——行内元素的margin与padding
行内元素: 1.margin:0 20px:只可以定义左右. 2.pading:20px 20px 20px 20px:上下左右都有效 例如span: <!DOCTYPE html> &l ...
- css 给inline和inline-block元素设置margin和padding
经过简单的测试,行内元素或者行内块元素的maring-left,margin-right,padding-left,padding-right都是可以正常表现的,下面来看一下剩下的margin-top ...
- css reset 以及哪些元素有默认margin padding值
很多网站在css reset 的时候有如下做法: body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, label, dl, dt, dd,fields ...
- 总结那些有默认margin,padding值的html标签
一.h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值. 在chrome中:16,15,14,16,17,19; 在firefox中:16,15,14,16, ...
- html标签默认属性值之margin;padding值
一.h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值. 在chrome中:16,15,14,16,17,19; 在firefox中:16,15,14,16, ...
随机推荐
- PHP 上传文件和读取文件崎岖路
今天php上传文件和读取文件没有搞出来,全靠后来大神来帮忙,总结一下:主要涉及到一下几个方面,在ubuntu下mkdir文件夹的时候要注意权限问题,一般情况下php是以一个较低的权限去执行的,所以如果 ...
- Powershell常用命令
Powershell常用命令1.Get-Command 得到Powshell所有命令2.Get-Process 获取所有进程3.Set-Alias 给指定命令重命名 如:Set-Alias aaa G ...
- 【GoLang】GO语言系列--001.GO开发环境搭建
- (int)，Int32.Parse() 和 Convert.toInt32() 的区别
在 C# 中,(int),Int32.Parse() 和 Convert.toInt32() 三种方法有何区别? int 关键字表示一种整型,是32位的,它的 .NET Framework 类型为 S ...
- jqGrid 各种参数 详解
JQGrid JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面 ...
- 解决ecshop登陆自动退出的莫名现象
最近在做ecshop的二次开发,程序发布后测试出现一个莫名的问题.点击几次页面后出现session丢失,需要重复登陆:本地怎么测试也都无法重现问题.一开始以为是修改程序的问题,可是怎么找都找不着问题所 ...
- 【USACO】namenum
//开始傻×了 受题目形容的误导 一心想生成所有可能的 字符串组合 之后查找非常慢 //听了同学的 将5000个dict里的字符串 转换成char型数组(不能直接用int 会越界)直接用输入的数据对着 ...
- Servlet、JSP选择题(2)
Java EE软件工程师认证考试 试题库-选择题 一. 选择题(包括单选和双选) 1.B 编写一个Filter,需要( ) A. 继承Filter 类 B. 实现Filter 接口 C. 继承 ...
- Linux用户名显示-bash-4.1$快速排查
最近项目使用的的服务器有点多(100多台),很多开发同事经常问这个问题,现在整理如下: 几个可能导致的原因: 1 用户的家目录所属组被改为root,解决方法使用root执行cd /home/;chow ...
- 5.建造者模式(Builder Pattern)
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...