什么是CSS Reset

html-css023

什么是CSS Reset,第1张

就是一些具体的css,产生的原因是各个浏览器对于一些元素的默认样式不统一,比如最常见的列表的缩进,而reset就是把这些不统一的地方统一起来,比如列表缩进不管什么浏览器我给你变成0px,然后再根据页面的需要去设定自己需要的css.

每个浏览器都有一些自带的或者共有的默认样式,会造成一些布局上的困扰,css reset的作用就是重置这些默认样式,使样式表现一致,比如 *{margin:0padding:0}就是一个最简单的css reset

Reset是重置的意思。

现在的浏览器五花八门,光ie就有好多版本,还有火狐,Chrome等等。每个浏览器的默认样式也是不同的。所以就要考虑一个兼容问题。比如你用ie打开网站正常,但是用火狐或其他浏览器打开的时候,网站就变形了。这些都属于兼容问题。

为了避免这种问题,我们需要把一些常用的html标签重置(CSS Reset),将它们统一定义,就可以产生相同的显示效果。比如:

html, body, div, span,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, abbr,del, dfn, em, img, ins,strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, object, col, colgroup, caption, summary, tbody, tfoot, thead, th{margin:0padding:0border:0}

这个方法让所有的选择器的padding、margin和border都设置成0。

当然。reset.css只是一个名字,方便阅读,标准一些而已。你可以自己随意命名。

详细信息可以阅读http://baike.baidu.com/link?url=N09ph5vvUafzfyWHAGPXNu0ACSwTLd3qbNc8xqRBkoeSOHAdfcG3mH3jajW7pvUQy-LM0Njv2a0mgIgrvbYNSa