页面重构要注意一下几点:
- 不滥用id,尽量用class代替id。
- CSS选择器最好控制在2-3个以内,不要使用内联样式,转移到样式表中。
- 根据上下结构命名id和class,而不是设计元素,避免html结构模糊化,尝试重网页中分离出设计元素,还可以减少代码的冗余。
- 避免css冗余和重复,能通用的写在一起。写 css 的时候心中对 html 层级结构要有个大致的规划,思考不同的设计元素之间的层级和关系,我们规划得越清晰,最终输出的 css 也越精简。
- 精简单位,字体大小em,px、pt;建议用em。
- 尽量向下兼容。向低端浏览器兼容。
- 避免无意义的、无作用的样式、元素命名等。
- 使用Hack负的 (margin 边距,!important等等)放在单独的hack.css中后者样式表的特定区域并注释区别于其他样式。
- 在必须的地方要做好注释,使用工具把css文件中的注释转换成一个合适的文档。推荐用