前端面试:什么是css reset


HTML标签在浏览器中都有默认的样式,不同的浏览器的默认样式之间存在差别。例如ul默认带有缩进样式,在IE下,它的缩进是由margin实现的,而在Firefox下却是由padding实现的。开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题,影响开发效率。现在很流行的解决方式是一开始就将浏览器的默认样式全部覆盖掉,这就是css reset。

部分css reset内容如下:

html {color:#000;background:#FFF;}t5

body,div,dl,dt,dd,ul,ol,li,
h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 ,
pre , code ,form,fieldset,legend,
input,textarea,p,blockquote,th,td{ margin : 0 ; padding : 0 ;}
table { border-collapse : collapse ; border-spacing : 0 ;}
fieldset,img { border : 0 ;}
address, caption ,cite, code ,dfn,em,strong,th,var { font-style : normal ; font-weight : normal ;}
li { list-style : none ;}
caption ,th { text-align : left ;}
h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6  { font-size : 100% ; font-weight : normal ;}
q:before,q:after { content : '' ;}
abbr,acronym { border : 0 ; font-variant : normal ;}
sup { vertical-align : text-top ;}
sub  { vertical-align : text-bottom ;}
input,textarea,select { font-family :inherit; font-size :inherit; font-weight :inherit;}
input,textarea,select {* font-size : 100% ;}
legend { color : #000 ;}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM