通过规范CSS样式的写法,可以减少重复代码的书写, 让样式调理更加明确.相关规范可以先阅读网易的NEC http://nec.netease.com/
本文是在阅读这些规范后总结的.
假如网站只有一个CSS文件,那么该CSS文件包含以下几大块
1. 通用设置(基于标签), 主要是清除浏览器的默认标签样式, 不同浏览器对同一种标签设置的默认样式是差异的. 清除这些默认样式有助于建立统一的样式.
2. 通用功能(基于类选择器), 一些相对独立小功能, 比如清除浮动 文字大小 颜色等
3. 本站通用样式(基于标签), 比如字体颜色 字体类型 大小等.这里是为部分标签添加统一的样式, 上面是清除, 这里是添加.
4. 本站所需的布局样式(参考网易的命名规范) g-typename
5. 本站通用模块样式(参考网易的命名规范) m-name
6. 不同页面同一类布局的调整 gridName-pageName
7. 不同页面同一类模块的调整 moduleName-pageName
当出现嵌套布局和模块时, 嵌套的模块要使用新的命名, 来防止污染. 通过加 "-s" 后缀, 如果嵌套2层以上, 可以对应添加相应数量的s.
时间： 2024-07-30 10:08:06