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

　　CSS用来定义网站的用户界面，并实现页面展现与内容的分离。CSS在几乎所有的网站都会用到，我们在52CSS.com大量的教程中，全方面的对CSS网页布局进行了介绍。下面让我们花些精力来确保你CSS网页布局编码是否标准、合理。这些提示对CSS初学者同样会有很大的帮助。

一、样式表索引 
　　样式表头部索引定义可以帮助你和其它人弄清楚该样式表文件的相关信息，它一般是一段格式化的CSS注释文本。
　　给出该css文件作者的相关信息 
　　定义站点的布局（几栏，静态布局/动态布局） 
　　记录文件版本号（利于多作者协作及将来更新） 


二、命名锚点 
　　命名锚点是用来规划整个CSS文件结构的（就好像书签一样），从而使整个CSS文件获得良好的组织。
　　命名锚点一般也是书写在样式表头部的索引注释中。CSS本身没有内部的锚点系统，所以我一般采用下面的小技巧来完成。在头部索引拷贝你想找到的锚点，并在整个文档中查找，从而获取该CSS节。（描述的可能不清晰，看下面图应该就明白了）


三、避免多余Class定义 
　　很多人（尤其是新手）在书写CSS中会定义不必要的Class来样式化一些元素。
　　其实CSS的一个优雅之处在于它的上下文选择符（即子选择器和相邻同胞选择器），如下：


四、合适的命名 
　　为class定义一个准确清晰的类名十分关键，它有助于你更好更快的理解CSS定义，不至于混淆。

第1页:CSS网页布局 编码标准及最佳实践(1)   第2页:CSS网页布局 编码标准及最佳实践(2)