其实每个浏览器都有他自己的一个默认样式。可以保证HTML在没有自定义样式的情况下也能被有据可循的渲染。你应该知道:未访问的链接是蓝色、访问过的是紫色、strong标签加粗显示、H1的字号大一些。然后,各厂商就是喜欢让我们的生活丰富多彩一点,然后每个浏览器的默认样式都不相同。所以,你怎么能保证你的自定义样式不会被浏览器的默认样式影响呢? 可以使用CSS重置,这个方法通常用来清除浏览器内置的默认样式。通常,所有的字体和line-height都设置为100%,margin、padding设置为0px,去掉border,列表也无样式。 Eric Meyer的CSS重置方案是第一个也是被大家广泛使用的。HTML5 doctor的HTML5 Reset Stylesheet也可以帮助设置一些新的元素。CSSReset.com还提供一些别的不错的方案和文档。 应该使用CSS重置吗? 可以提供完全空白的画布,然后你就可以自己定义相应的样式了 * { padding: 0; margin: 0; } 这样的写法会影响到所有的标签,有的开发者会告诉你这会让CSS的渲染效率变低。但是我还没遇到过这样的问题。 我对CSS重置的主要疑问在于: 增加页面的大小 额外的影响 不同的浏览器渲染页面也不同 个人以为,我不在乎Firefox下面的标题比IE下面的大2px,或者Opera的bold属性比Chrome的更加好看,实际上,CSS重置也解决不了这个问题。 不否认对浏览器的测试 跟我的工作习惯不同 虽然不是那么复杂,但是CSS框架中的重置代码经常导致一些问题。 并不节省时间 在我被CSS重置的支持者攻击之前,我先声明,并不是永远都不用。可能对你来说有用,但是对那些新的WEB开发人员是否同样有用呢?当你要添加一个CSS重置代码的时候,是真的有用呢还是只是一个习惯而已? 做一个测试,从你的网站里面去掉CSS重置的样式,看看是否真的有显着的不同? 你使用CSS重置吗?是最近养成或者丢掉的习惯吗?真的有用吗? |