优秀的CSS设计的判断标准

优秀的CSS设计的判断标准

优秀的CSS设计，我的判断标准（按照实现的步骤）：

摒弃table布局，采用完全的CSS布局。table标签仅用在容纳表格型数据的场合，而不用于页面布局的目的。

全部或者几乎全部取消使用带有表现含义的标签和属性，将这些工作全部交给CSS来完成。

尽量实现CSS代码的重用，尽量多利用CSS的继承和层叠，而不是到处定义新的CSS类。

页面中的标签都是带有结构含义的，尽量少因为布局的目的引入额外的div标签。

页面中的结构与表现完全分离，结构位于html文件中，表现位于css文件中。

尽量使用通用的CSS语法，少用特定于某种浏览器的CSS语法，必需要用的这类语法隔离在单独的css文件中，以便日后浏览器升级后删除。

最终的效果是：

html文件和css文件达到了最简化，文件尺寸相比基于table布局实现的相同表现效果小了很多。

实现了高度重用的单个css文件可以控制多个html文件的布局和表现，维护和改版起来非常容易。也非常容易做到换肤等效果。