抽离样式模块

各个浏览器之间样式兼容性不同,默认的样式值有所不同,如果没有初始化对应的CSS,那么最终运行的项目会在不同浏览器之间的表现有所不同,所以会对项目中标签进行初始化设置
最常见的就是设置通配符:* {padding:0;margin:0},缺点是会遍历所有的标签属性,严重影响性能
可以对具体标签具体设置:

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }

这种做法就是样式抽离模块

你可能感兴趣的:(CSS)