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()函数通过指定的角度参数使元素相对原点进行旋转.它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度.如果这个值为正值,元素相对原点中心顺时 ...
随机推荐
- MVC3.0,路由设置实现伪静态IIS中404错误
C# code? 1 2 3 4 5 routes.MapRoute("NewQueryTest.asp", "NewQueryTest ...
- linux 命令行更新sdk
./android list sdk --proxy-host android-mirror.bugly.qq.com --proxy-port 8080 --no-ui -a -s ./androi ...
- UIBezierPath
UIBezierPath 笔者在写本篇文章之前,也没有系统学习过贝塞尔曲线,只是曾经某一次的需求需要使用到,才临时百度看了一看而且使用最基本的功能.现在总算有时间停下来好好研究研究这个神奇而伟大的贝塞 ...
- win7 64位 python3.4&opencv3.0配置安装
参考:http://blog.csdn.net/sun7_she/article/details/50051249 一.安装Python 下载Python3.4.2 网址:https://www.py ...
- CP1W-CIF41以太网模块(使用总结)
1>插入CP1W-CIF41后,ERR灯一直闪烁? 解决方法:CIF41以太网模块在第一个扩展板槽位,需要把CP1H的4号拨码开关拨到ON的位置.同样,如果在第二个槽位,需要5号拨码拨到ON位置 ...
- QComboBox调用clear函数崩溃的问题
项目有个需求是这样的: QComboBox需要动态清楚添加Item列表,并且之前设置了QComboBox当前index改变的信号,一旦这个clear调用,当前index就改变,因为一旦改变,信号就发出 ...
- android merge 标签的使用
<merge xmlns:android="http://schemas.android.com/apk/res/android"> <ToggleButton ...
- crontab,at命令,常见问题
crontab命令 前 一天学习了 at 命令是针对仅运行一次的任务,循环运行的例行性计划任务,linux系统则是由 cron (crond) 这个系统服务来控制的. Linux 系统上面原本就有非常 ...
- bzoj2019 [Usaco2009 Nov]找工作
Description 奶牛们没钱了,正在找工作.农夫约翰知道后,希望奶牛们四处转转,碰碰运气.而且他还加了一条要求:一头牛在一个城市最多只能赚D(1 <= D <= 1,000)美元,然 ...
- ViewPager的使用方法和实现过程
布局文件里添加viewPager布局 <android.support.v4.view.ViewPager android:id="@+id/search_viewpager" ...