CSS Reset
针对前端设计,各个浏览器都有默认样式,这样造成的差异常常搞的我们很晕,而*{margin:0;padding:0}范围又太广,无法满足我们的需求,项目中常常存在reset.css的样式来统一默认样式。
淘宝的reset.css
1 /** 清除内外边距 **/ 2 blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {margin:0;padding:0} 3 4 /** 设置默认字体 **/ 5 body,button,input,select,textarea {font:12px/1.5 tahoma,arial,‘Hiragino Sans GB‘,\5b8b\4f53,sans-serif} 6 h1,h2,h3,h4,h5,h6 {font-size:100%} 7 8 /* 将斜体扶正 */ 9 address,cite,dfn,em,var {font-style:normal} 10 11 /* 统一等宽字体 */ 12 code,kbd,pre,samp {font-family:courier new,courier,monospace} 13 14 /* 小于 12px 的中文很难阅读,让 small 正常化 */ 15 small {font-size:12px} 16 17 /** 重置列表元素 **/ 18 ol,ul {list-style:none} 19 20 a {text-decoration:none} 21 a:hover {text-decoration:underline} 22 sup {vertical-align:text-top}/*上标下标标签 重置,减少对行高的影响*/ 23 sub {vertical-align:text-bottom} 24 /** 重置表单元素 **/ 25 legend {color:#000}/* for ie6 */ 26 fieldset,img {border:0} /* img 搭车:让链接里的 img 无边框 */ 27 button,input,select,textarea {font-size:100%}/* 使得表单元素在 ie 下能继承字体大小 */ 28 29 /** 重置表格元素 **/ 30 table {border-collapse:collapse;border-spacing:0}
大部分reset都这样,只是针对各个需求不一样,做少量增删。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。