优秀的CSS设计的判断标准 ![](http://ajaxcn.org/theme/images/Icon-Permalink.png)
优秀的CSS设计,我的判断标准(按照实现的步骤):
- 摒弃table布局,采用完全的CSS布局。table标签仅用在容纳表格型数据的场合,而不用于页面布局的目的。
- 全部或者几乎全部取消使用带有表现含义的标签和属性,将这些工作全部交给CSS来完成。
- 尽量实现CSS代码的重用,尽量多利用CSS的继承和层叠,而不是到处定义新的CSS类。
- 页面中的标签都是带有结构含义的,尽量少因为布局的目的引入额外的div标签。
- 页面中的结构与表现完全分离,结构位于html文件中,表现位于css文件中。
- 尽量使用通用的CSS语法,少用特定于某种浏览器的CSS语法,必需要用的这类语法隔离在单独的css文件中,以便日后浏览器升级后删除。
- html文件和css文件达到了最简化,文件尺寸相比基于table布局实现的相同表现效果小了很多。
- 实现了高度重用的单个css文件可以控制多个html文件的布局和表现,维护和改版起来非常容易。也非常容易做到换肤等效果。