CSS网页布局 编码标准及最佳实践

五、合适的命名
　　在CSS中经常会利用缩写把多个相同类型的属性定义指定为一个。
　　CSS缩写会使CSS文档更加干净、简洁。下面是几个例子：


六、CSS图像拼合(即CSS Sprites技术) 
　　CSS Sprites技术：将用到的所有背景图片合并为一张图片，使用css背景属性，来控制图片的显示位置和方式。
　　CSS Sprites技术的应用可以大大减少HTTP请求的次数，减轻服务器压力，同时缩短了悬停加载图片所需要的时间延迟，使效果更流畅，不会停顿。
　　苹果官方网站的菜单设计是CSS Sprites技术应用非常好的案例：


七、特殊性 
　　即使在不太复杂的样式表中，也可能有两个或更多规则寻找同一元素，CSS通过选择符特殊性来决定规则的次序。
　　简而言之，每个CSS选择符都会分配一个权重。将规则的每个选择器的值加在一起，就可以计算出规则的特殊性。CSS特殊性的使用在大型CSS文件中会很有帮助。
　　CSS特殊性在CSS中是比较大的一块内容，很难用几句话描述清楚，下面是几个示例：


八、CSS Reset(CSS重置，偶个人叫它CSS初始化) 
　　CSS Reset用于确保网站在不同浏览器中能够获得相同的展示效果。不同的浏览器有一套自己的初始默认设置，最终导致不同的UI展现。CSS重置就是用来解决这个问题，使你能在不同浏览器展现一致的基础上构建站点。
　　我们可能不会要求你一定去使用某个CSS框架，但是希望能书写CSS Reset。我们可以在网上找到不少书写好的CSS Reset样例。


九、CSS Hacks 
　　可以说再完美的CSS也无法在所有浏览器中获得一致的展现，这是因为不同的浏览器给予你的CSS不同的解释。如果想要网站在不同的浏览器显示一致，你不得不使用CSS Hacks。


　　不过使用CSS Hack往往会导致CSS验证出现错误，一个替代的解决方案是为不同的浏览器书写不同的CSS，然后在html中使用条件语句引用它们。 

十、CSS验证 
　　当你书写完一个CSS文件，对它进行验证是十分必要的。它可以确保书写的CSS没有错误，并且在所有浏览器中正确的展示。
　　W3C网站验证是用来验证CSS的常用工具。


　　注：因英语水平有限，部分翻译比较生涩，望见谅，有错误之处还望指出。
第1页:CSS网页布局 编码标准及最佳实践(1)   第2页:CSS网页布局 编码标准及最佳实践(2)