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”……