CSS设计网页时的一些常用规范

CSS命名规范
一．文件命名规范

全局样式global.css；
框架布局layout.css；
字体样式font.css；
链接样式link.css；
打印样式print.css；

二．常用类/ID命名规范

页　眉header
内　容content
容　器container
页　脚footer
版　权copyright　
导　航menu
主导航mainMenu
子导航subMenu
标　志logo
标　语banner
标　题title
侧边栏sidebar
图　标Icon
注　释note
搜　索search
按　钮btn
登　录login
链　接link
信息框manage
……

常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn”……