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()函数通过指定的角度参数使元素相对原点进行旋转.它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度.如果这个值为正值,元素相对原点中心顺时 ...
随机推荐
- PHP 之Mysql增删改查操作案例
1:user表: CREATE TABLE `user` ( `id` ) NOT NULL AUTO_INCREMENT, `name` ) NOT NULL, PRIMARY KEY (`id`) ...
- PHP 中的数组
PHP中的数组是指一个键/值对的集合.PHP中的数组是使用哈系表构建的,这意味着访问每一个值都会有一个平均的O(1)复杂度. $arr=array([key=>]value,....); 在这里 ...
- 17 个 Linux 下用于 C/C++ 的最好的 IDE
C++,一个众所周知的 C 语言的扩展,是一个优秀的.强大的.通用编程语言,它能够提供现代化的.通用的编程功能,可以用于开发包括视频游戏.搜索引擎.其他计算机软件乃至操作系统等在内的各种大型应用. C ...
- 说说自己对RESTful API的理解s
REST不是英文上的rest单词,其英文缩写为presentational State Transfer ,直译为表现状态转移,咋看起来很学术,不懂,其实不用去死抠这个词的意思.REST是一种约束和架 ...
- iOS 9之分屏多任务(Split View)
金田(github 示例源码) 多任务(multitasking)算是iOS9中最引人瞩目的核心新特性了,之前越狱版用户就用过类似的插件,微软的 苏菲 (Windows Surface)系列也有分屏多 ...
- 2013第39周一Web打印
2013第39周一Web打印 项目中遇到了Java Web打印问题,简单调用IE浏览器的打印不能完全满足要求,于是就搜集了Web打印相关的主题,简单汇总一下.web打印难点在分页.页面纸张设置,页眉页 ...
- HDU-2059龟兔赛跑(基础方程DP-遍历之前的所有状态)
Problem Description 据说在很久很久以前,可怜的兔子经历了人生中最大的打击——赛跑输给乌龟后,心中郁闷,发誓要报仇雪恨,于是躲进了杭州下沙某农业园卧薪尝胆潜心修炼,终于练成了绝技,能 ...
- VMware migration to openstack kvm
- UVa 10048: Audiophobia
这道题要求我们求出图中的给定的两个节点(一个起点一个终点,但这是无向图)之间所有“路径中最大权值”的最小值,这无疑是动态规划. 我开始时想到根据起点和终点用动态规划直接求结果,但最终由于题中S过大,会 ...
- wsdl文件结构分析
WSDL (Web Services Description Language,Web服务描述语言)是一种XML Application,他将Web服务描述定义为一组服务访问点,客户端可以通过这些服务 ...