div需要重置吗?
看看所有常用标签的默认margin、padding?Demo戳这里 - -
当你每次看到为那一长串标签设置margin: 0; padding: 0; 的时候,你是否想看看哪些标签,在哪些浏览器里有默认值?
FF 32.0:
==== Margin ====
h1,21.4333px,0px,21.4333px,0px
h2,19.9167px,0px,19.9167px,0px
h3,18.7167px,0px,18.7167px,0px
h4,21.2833px,0px,21.2833px,0px
h5,22.1833px,0px,22.1833px,0px
h6,24.9667px,0px,24.9667px,0px
p,16px,0px,16px,0px
ul,16px,0px,16px,0px
ol,16px,0px,16px,0px
dl,16px,0px,16px,0px
dd,0px,0px,0px,40px
hr,8px,0px,8px,0px
pre,16px,0px,16px,0px
figure,16px,40px,16px,40px
fieldset,0px,2px,0px,2px
blockquote,16px,40px,16px,40px
textarea,1px,0px,1px,0px
textarea,1px,0px,1px,0px
==== Padding ====
ul,0px,0px,0px,40px
ol,0px,0px,0px,40px
th,1px,1px,1px,1px
td,1px,1px,1px,1px
td,1px,1px,1px,1px
fieldset,5.6px,10px,12px,10px
legend,0px,2px,0px,2px
input,2px,2px,2px,2px
select,1px,1px,1px,1px
option,0px,5px,0px,3px
option,0px,5px,0px,3px
textarea,2px,2px,2px,2px
button,0px,6px,0px,6px
select,1px,1px,1px,1px
option,0px,0px,0px,20px
option,0px,0px,0px,20px
textarea,2px,2px,2px,2px
Chrome 36.0:
==== Margin ====
h1,21.440000534057617px,0px,21.440000534057617px,0px
h2,19.920000076293945px,0px,19.920000076293945px,0px
h3,18.719999313354492px,0px,18.719999313354492px,0px
h4,21.280000686645508px,0px,21.280000686645508px,0px
h5,22.17759895324707px,0px,22.17759895324707px,0px
h6,27.959999084472656px,0px,27.959999084472656px,0px
p,16px,0px,16px,0px
ul,16px,0px,16px,0px
ol,16px,0px,16px,0px
dl,16px,0px,16px,0px
dd,0px,0px,0px,40px
hr,8px,0px,8px,0px
pre,13px,0px,13px,0px
figure,16px,40px,16px,40px
fieldset,0px,2px,0px,2px
blockquote,16px,40px,16px,40px
input,2px,2px,2px,2px
keygen,2px,2px,2px,2px
textarea,2px,2px,2px,2px
button,2px,2px,2px,2px
select,2px,2px,2px,2px
textarea,2px,0px,2px,0px
==== Padding ====
ul,0px,0px,0px,40px
ol,0px,0px,0px,40px
th,1px,1px,1px,1px
td,1px,1px,1px,1px
td,1px,1px,1px,1px
fieldset,5.599999904632568px,12px,10px,12px
legend,0px,2px,0px,2px
input,1px,0px,1px,0px
textarea,2px,2px,2px,2px
button,1px,6px,1px,6px
textarea,2px,2px,2px,2px
IE 10:
==== Margin ====
h1,21.44px,0px,21.44px,0px
h2,19.92px,0px,19.92px,0px
h3,18.73px,0px,18.73px,0px
h4,21.28px,0px,21.28px,0px
h5,22.15px,0px,22.15px,0px
h6,25px,0px,25px,0px
p,16px,0px,16px,0px
ul,16px,0px,16px,0px
ol,16px,0px,16px,0px
dl,16px,0px,16px,0px
dd,0px,0px,0px,40px
hr,8px,0px,8px,0px
pre,13.33px,0px,13.33px,0px
figure,16px,40px,16px,40px
fieldset,0px,2px,0px,2px
blockquote,16px,40px,16px,40px
==== Padding ====
ul,0px,0px,0px,40px
ol,0px,0px,0px,40px
th,1px,1px,1px,1px
td,1px,1px,1px,1px
td,1px,1px,1px,1px
fieldset,2px,2px,3px,2px
legend,0px,2px,0px,2px
input,2px,1px,2px,1px
textarea,2px,2px,2px,2px
button,3px,10px,3px,10px
textarea,2px,2px,2px,2px
IE 9:
==== Margin ====
h1,21.44px,0px,21.44px,0px
h2,19.92px,0px,19.92px,0px
h3,18.73px,0px,18.73px,0px
h4,21.28px,0px,21.28px,0px
h5,22.15px,0px,22.15px,0px
h6,25px,0px,25px,0px
p,16px,0px,16px,0px
ul,16px,0px,16px,0px
ol,16px,0px,16px,0px
dl,16px,0px,16px,0px
dd,0px,0px,0px,40px
hr,8px,0px,8px,0px
pre,13.33px,0px,13.33px,0px
figure,16px,40px,16px,40px
fieldset,0px,2px,0px,2px
blockquote,16px,40px,16px,40px
==== Padding ====
ul,0px,0px,0px,40px
ol,0px,0px,0px,40px
th,1px,1px,1px,1px
td,1px,1px,1px,1px
td,1px,1px,1px,1px
fieldset,2px,2px,3px,2px
legend,0px,2px,0px,2px
input,2px,1px,2px,1px
textarea,2px,2px,2px,2px
button,3px,10px,3px,10px
textarea,2px,2px,2px,2px
IE 8:
==== Margin ==== h3,1em,0em,1em,0em h4,1.33em,0em,1.33em,0em h5,1.67em,0em,1.67em,0em h6,2.33em,0em,2.33em,0em p,1em,0px,1em,0px ul,1em,0px,1em,0px ol,1em,0px,1em,0px dl,1em,0px,1em,0px dd,auto,auto,auto,40px hr,0.5em,auto,0.5em,auto pre,1em,0px,1em,0px fieldset,0px,2px,0px,2px blockquote,1em,40px,1em,40px ==== Padding ==== ul,0px,0px,0px,30pt ol,0px,0px,0px,30pt th,1px,1px,1px,1px td,1px,1px,1px,1px td,1px,1px,1px,1px fieldset,0px,2px,3px,2px legend,0px,2px,0px,2px input,2px,1px,2px,1px textarea,2px,2px,2px,2px button,3px,10px,3px,10px textarea,2px,2px,2px,2px
IE 7:
==== Margin ==== ul,auto,auto,auto,30pt ol,auto,auto,auto,30pt dd,auto,auto,auto,30pt blockquote,auto,30pt,auto,30pt ==== Padding ==== caption,1px,300zzz,500zzz,300zzz th,1px,1px,1px,1px td,1px,1px,1px,1px td,1px,1px,1px,1px fieldset,0px,2px,3px,2px legend,0px,2px,0px,2px input,2px,1px,2px,1px textarea,2px,2px,2px,2px button,1px,0.5px,1px,0.5px textarea,2px,2px,2px,2px
IE 6:
==== Margin ==== ul,auto,auto,auto,30pt ol,auto,auto,auto,30pt dd,auto,auto,auto,30pt blockquote,auto,30pt,auto,30pt ==== Padding ==== caption,1px,3px,5px,3px th,1px,1px,1px,1px td,1px,1px,1px,1px td,1px,1px,1px,1px fieldset,0px,2px,3px,2px legend,0px,2px,0px,2px input,1px,1px,1px,1px textarea,2px,2px,2px,2px textarea,2px,2px,2px,2px
搜狗:
==== Margin ====
h1,21.440000534057617px,0px,21.440000534057617px,0px
h2,19.920000076293945px,0px,19.920000076293945px,0px
h3,18.719999313354492px,0px,18.719999313354492px,0px
h4,21.280000686645508px,0px,21.280000686645508px,0px
h5,22.17759895324707px,0px,22.17759895324707px,0px
h6,27.959999084472656px,0px,27.959999084472656px,0px
p,16px,0px,16px,0px
ul,16px,0px,16px,0px
ol,16px,0px,16px,0px
dl,16px,0px,16px,0px
dd,0px,0px,0px,40px
hr,8px,0px,8px,0px
pre,13px,0px,13px,0px
figure,16px,40px,16px,40px
fieldset,0px,2px,0px,2px
blockquote,16px,40px,16px,40px
input,2px,2px,2px,2px
keygen,2px,2px,2px,2px
textarea,2px,2px,2px,2px
button,2px,2px,2px,2px
select,2px,2px,2px,2px
textarea,2px,0px,2px,0px
==== Padding ====
ul,0px,0px,0px,40px
ol,0px,0px,0px,40px
th,1px,1px,1px,1px
td,1px,1px,1px,1px
td,1px,1px,1px,1px
fieldset,5.599999904632568px,12px,10px,12px
legend,0px,2px,0px,2px
input,1px,0px,1px,0px
textarea,2px,2px,2px,2px
button,1px,6px,1px,6px
textarea,2px,2px,2px,2px
360 安全:
==== Margin ====
h1,21.440000534057617px,0px,21.440000534057617px,0px
h2,19.920000076293945px,0px,19.920000076293945px,0px
h3,18.719999313354492px,0px,18.719999313354492px,0px
h4,21.280000686645508px,0px,21.280000686645508px,0px
h5,22.17759895324707px,0px,22.17759895324707px,0px
h6,27.959999084472656px,0px,27.959999084472656px,0px
p,16px,0px,16px,0px
ul,16px,0px,16px,0px
ol,16px,0px,16px,0px
dl,16px,0px,16px,0px
dd,0px,0px,0px,40px
hr,8px,0px,8px,0px
pre,13px,0px,13px,0px
figure,16px,40px,16px,40px
fieldset,0px,2px,0px,2px
blockquote,16px,40px,16px,40px
input,2px,2px,2px,2px
keygen,2px,2px,2px,2px
textarea,2px,2px,2px,2px
button,2px,2px,2px,2px
select,2px,2px,2px,2px
textarea,2px,0px,2px,0px
==== Padding ====
ul,0px,0px,0px,40px
ol,0px,0px,0px,40px
th,1px,1px,1px,1px
td,1px,1px,1px,1px
td,1px,1px,1px,1px
fieldset,5.599999904632568px,12px,10px,12px
legend,0px,2px,0px,2px
input,1px,0px,1px,0px
textarea,2px,2px,2px,2px
button,1px,6px,1px,6px
textarea,2px,2px,2px,2px
Opera 24.0:
==== Margin ====
h1,21.4400005340576px,0px,21.4400005340576px,0px
h2,19.9200000762939px,0px,19.9200000762939px,0px
h3,18.7199993133545px,0px,18.7199993133545px,0px
h4,21.2800006866455px,0px,21.2800006866455px,0px
h5,22.1775989532471px,0px,22.1775989532471px,0px
h6,27.9599990844727px,0px,27.9599990844727px,0px
p,16px,0px,16px,0px
ul,16px,0px,16px,0px
ol,16px,0px,16px,0px
dl,16px,0px,16px,0px
dd,0px,0px,0px,40px
hr,8px,0px,8px,0px
pre,13px,0px,13px,0px
figure,16px,40px,16px,40px
fieldset,0px,2px,0px,2px
blockquote,16px,40px,16px,40px
input,2px,2px,2px,2px
keygen,2px,2px,2px,2px
textarea,2px,2px,2px,2px
button,2px,2px,2px,2px
select,2px,2px,2px,2px
textarea,2px,0px,2px,0px
==== Padding ====
ul,0px,0px,0px,40px
ol,0px,0px,0px,40px
th,1px,1px,1px,1px
td,1px,1px,1px,1px
td,1px,1px,1px,1px
fieldset,5.59999990463257px,12px,10px,12px
legend,0px,2px,0px,2px
input,1px,0px,1px,0px
textarea,2px,2px,2px,2px
button,1px,6px,1px,6px
textarea,2px,2px,2px,2px
Safari 5.17:
==== Margin ====
h1,21px,0px,21px,0px
h2,19px,0px,19px,0px
h3,18px,0px,18px,0px
h4,21px,0px,21px,0px
h5,22px,0px,22px,0px
h6,24px,0px,24px,0px
p,16px,0px,16px,0px
ul,16px,0px,16px,0px
ol,16px,0px,16px,0px
dl,16px,0px,16px,0px
dd,0px,0px,0px,40px
hr,8px,0px,8px,0px
pre,13px,0px,13px,0px
figure,16px,40px,16px,40px
fieldset,0px,2px,0px,2px
blockquote,16px,40px,16px,40px
input,2px,2px,2px,2px
keygen,2px,2px,2px,2px
textarea,2px,2px,2px,2px
button,2px,2px,2px,2px
select,2px,2px,2px,2px
textarea,2px,0px,2px,0px
==== Padding ====
ul,0px,0px,0px,40px
ol,0px,0px,0px,40px
th,1px,1px,1px,1px
td,1px,1px,1px,1px
td,1px,1px,1px,1px
fieldset,5px,12px,10px,12px
legend,0px,2px,0px,2px
input,1px,0px,1px,0px
textarea,2px,2px,2px,2px
button,1px,6px,1px,6px
select,2px,21px,2px,4px
textarea,2px,2px,2px,2px
div需要重置吗?的更多相关文章
- 多功能前台交互效果插件superSlide
平时我们常用的"焦点图/幻灯片""Tab标签切换""图片滚动""无缝滚动"等效果要加载n个插件,又害怕代码冲突又怕不兼容 ...
- 十天精通CSS3学习笔记 part3
第8章 CSS3中的变形与动画(上) 变形--旋转 rotate() 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转.它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度. ...
- bootstrap 时间控件带(时分秒)选择器
1.控件下载地址:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm,参数设置说明也在这个链接下面: 2.具体参数说明(复制原链接) ...
- 变形--原点 transform-origin
任何一个元素都有一个中心点,默认情况之下,其中心点是居于元素X轴和Y轴的50%处.如下图所示: 在没有重置transform-origin改变元素原点位置的情况下,CSS变形进行的旋转.位移.缩放,扭 ...
- bootstrap-datetimepicker配置选项
依赖 需要bootstrap的下拉菜单组件 (dropdowns.less) 的某些样式,还有bootstrap的sprites (sprites.less and associated images ...
- css3学习文档
什么是CSS3? CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新功能. 目前主流浏览器chrome.safari.firefox.opera.甚至360都已经支 ...
- 关于bootstrap-datetimepicker 插件的配置参数详解
本人在网上查找的, 觉得还不错,就抄过来了... 有错误大家一起讨论,谢谢... 原地址是:http://www.bootcss.com/p/bootstrap-datetimepicker/ 项目 ...
- bootstrap-datepicker限定可选时间范围
此项目是 bootstrap-datetimepicker 项目 的一个分支,原项目不支持 Time 选择. 其它部分也进行了改进.增强,例如 load 过程增加了对 ISO-8601 日期格式的支 ...
- 十天精通CSS3(8)
变形--旋转 rotate() 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转.它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度.如果这个值为正值,元素相对原点中心顺时 ...
随机推荐
- stdarg.h详解
读Linux内核中的vsprintf函数的时候遇到了C语言的可变参数调用,查了挺多资料还是这篇比较详细,而且自己验证了下,确实如此 (一)写一个简单的可变参数的C函数 下面我们来探讨如何写一个简单的 ...
- 解压Taobao手机客户端发现的东西
今天解压了Taobao手机客户端发现了几个.so文件, 其中有两个挺感兴趣的,查了一下,以后去研究下. libBSPatch.so 是用于支持增量更新功能的库文件. libwebp.so 好像是We ...
- 五个新知识:微软SHA2补丁,亚信专业工具,微软官方文档,使用过期签名(附官方推荐链接),注意使用具有UAC的CMD
五个新知识:微软SHA2补丁,亚信专业工具,微软官方文档,使用过期签名 不支持SHA2算法的计算机更新补丁:https://technet.microsoft.com/zh-CN/library/se ...
- Java实现SOAP协议 之 HelloWorld
Java实现SOAP协议 之 HelloWorld SOAP是把基于HTTP的WEB技术与XML的灵活性和可扩展性组合在了一起. 准备: 1. 准备一个web server.Tomcat 下载地址 h ...
- C++ 哈希表
从2011年开始,C++支持非排序的unordered_map和unordered_set(原先的map和set都是通过有序结构实现的) 下面是一些性能上的测试 #include<iostrea ...
- JVM运行原理及Stack和Heap的实现过程
Java语言写的源程序通过Java编译器,编译成与平台无关的‘字节码程序’(.class文件,也就是0,1二进制程序),然后在OS之上的Java解释器中解释执行,而JVM是java的核心和基础,在ja ...
- 从一些简单代码实例彻底理解面向对象编程思想|OOP本质是什么?
从Rob Pike 的 Google+上的一个推看到了一篇叫<Understanding Object Oriented Programming>的文章,我先把这篇文章简述一下,然后再说说 ...
- effective C++: 5实现
五.实现 大多数情况下,适当提出拟的类定义以及函数声明,是花费最多心力的两件事.尽管如此,还是有很多东西需要小心:太快定义变量可能造成效率上的拖延:过度使用转型(casts)可能导致代码变慢又难维护, ...
- 数据库和linq中的 join(连接)操作
sql中的连接 sql中的表连接有inner join,left join(left outer join),right join(right outer join),full join(full o ...
- 数据库(SQLITE3函数总结): sqlite3_open, sqlite3_exec, slite3_close,sqlite3_prepare_v2,sqlite3_column_text,
Sqlite3 的确非常好用.小巧.速度快.近期研究它,有一些收获,这里把我对 sqlite3 的研究列出来,以备忘记. 导入SQLLite library并引入头文件. libsqlite3.dyl ...