CSS初学者技巧:谈CSS的标准和最佳示例(2)_Div+CSS教程
明确化
选择器明确化是当好几个规则都可以被相同的元素使用时,优先使用哪一个的过程。
简单说来,每个CSS选择器都有权重。选择器的所有权重的总和决定了它在文档中的属性。当CSS文档很大,以至于你不知道元素哪个权重较大时,明确化就能起到很大的帮助。
恩,明确化是CSS中一个较大的领域,以至于很难用几句话解释清楚,还是看例子吧:
属性重置
全局属性重置确保一个网站在所有浏览器中显示几乎一样。在每一个案例中,不同的浏览器给所有网站使用它们自己的默认样式设置集,这将使我们的网站在不同的浏览器中显示不一样。全局属性重置将改正这种情况并让你从绝对一致的基础开始建立网站。
我并不总是推荐使用CSS框架,但是CSS重置你还是需要用到的。现在有许多不同的重置方法,从简单的到复杂的。
Hacks
即便是一个完美的CSS,它也不能在所有浏览器中产生完全一致的显示,每个浏览器有对CSS不同的解释方法。总而言之,如果你需要你的网站在所有浏览器中保持一致,你不得不使用CSS Hacks。
使用CSS Hacks将减少CSS验证时产生的错误,这一点我同意。要实现这点,一个可选的方法是每个浏览器使用单一不同的CSS文件并通过在HTML中包含判定浏览器的标签来告诉浏览器应该使用哪个特定的CSS。我经常在我所有的项目中创建一个“fuck-ie.css” :) (译者注:此处作者用脏话表达了他对IE的愤怒。如果翻译成“和IE交配.css”,世界会不会和谐一些?)
使用这种方法后,你的“主CSS文件”将通过验证,与此同时,“fuck-ie.css” 文件也会通过验证,但是只在IE浏览器中覆盖“主CSS文件”。
验证
在创建CSS的时候就验证它总是很必要的,这将确保你的CSS没有错误并且可以被所有浏览器正确地解释。
W3C验证器是一个非常流行的在线CSS验证工具。
(来源:http://www.dezinerfolio.com/2009/02/20/css-standards-best-practices)
- 相关链接:
- 教程说明:
Div+CSS教程-CSS初学者技巧:谈CSS的标准和最佳示例(2)。