CSS 编码规范
1 基本规范
1.1 文件命名规范
基本样式:
全局样式:
框架布局:
字体样式:
链接样式:
打印样式:
1.2 常用类 Class 规范
页眉:内容:容器:
页脚:版权:导航:
分页:标志:留言:
标语:标题:边栏:
图标:注释:搜索:
按钮:登录:链接:
主导航:子导航:信息框:
说明:常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方注释。
对于二级类命名,则采用组合书写的模式,两个单词之间使用中横连“”接,如:
搜索框:
搜索图标:
搜索按钮:
1.3 派生选择器
可以使用派生选择器给一个元素里的子元素定义样式,在简化命名的同时,也使结构更加
的清晰化,如: