优秀的CSS设计

samsam

前两天看见JE上有个CSS的帖子，有人这样理解CSS,我也觉得有道理，方便以后参考，就放在这里吧。
 
优秀的CSS设计，我的判断标准（按照实现的步骤）：

• 1. 摒弃table布局，采用完全的CSS布局。table标签仅用在容纳表格型数据的场合，而不用于页面布局的目的。
  
• 2. 全部或者几乎全部取消使用带有表现含义的标签和属性，将这些工作全部交给CSS来完成。
  
• 3. 尽量实现CSS代码的重用，尽量多利用CSS的继承和层叠，而不是到处定义新的CSS类。
  
• 4. 页面中的标记都是有结构含义的，尽量少因为布局的目的引入额外的div标签。
  
• 5. 页面中的结构与表现完全分离，结构位于html文件中，表现位于css文件中。
  
• 6. 尽量使用通用的CSS语法，少用特定于某种浏览器的CSS语法，必需要用的这类语法隔离在单独的css文件中，以便日后浏览器升级后删除。
  

最终的效果是：

• 1. html文件和css文件达到了最简化，文件尺寸相比基于table布局实现的相同表现效果小了很多。
  
• 2. 实现了高度重用的单个css文件可以控制多个html文件的布局和表现，维护和改版起来非常容易。也非常容易做到换肤等效果。