关于css初始化样式margin:0;padding:0;border:0;的使用

原创 大喵 随笔 HTML+CSS 146阅读 2018-02-02 15:00:55 举报

之前看过一篇博文,里面讲到现在很多css样式的初始化都是一堆丢上去,然后加margin:0;padding:0;border:0;完事,但实际上并不是所有的都需要这么写,
例如下面一个初始化的样式里就有许多样式并不需要设置margin:0;padding:0;border:0;
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, address, del, em, img, dd, dl, dt, li, ol, ul, form, label{margin: 0; padding: 0; border: 0;}
其中html, div,span, a, address, del, em, img,dt, li, form, label都不需要设置
于是无聊的我就去一个一个试啦!下面是我已经试过的标签
已试过标签:
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,address,em,del,img,li,ul,ol,form,label,iframe,table,tr,td,
input,dd,dt,dl,del,button,textarea,select,option,header,footer,main,aside,article,section,progress
受影响的标签:
1、body:margin: 8px;
2、h1-h6:-webkit-margin-before:000em; -webkit-margin-after: 000em;效果类似margin-top和margin-bottom;且1-6的em会越来越大
3、p:-webkit-margin-before:1em; -webkit-margin-after: 1em;
4、ol,ul:-webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-padding-start: 40px;效果类似于margin-top:16px;margin-bottom:16px;padding-left:40px;
5、iframe:border-width: 2px;
6、td:padding:1px;
7、input:border-width:2px;padding:1px;
8、dd: -webkit-margin-start: 40px;左外边距//dl:-webkit-margin-before: 1em; -webkit-margin-after: 1em;
9、button:border-width: 2px;padding: 1px 6px;
10、textarea:border-width: 1px;padding: 2px;
11、select:border-width: 1px;//option:padding: 0px 2px 1px;
总结:现在暂时就试了这么几个,后续试过后会更新我的笔记哒!

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复