CSS命名规范

最近热忠于建网站，Css、Js方面的书籍资料翻阅了不少；跑平原去本想帮姑做点事，后来跑书店呆了一下午，不过收获还是挺大的。把学到的总结下供自己以后查阅：

一、样式文件命名

全局样式：global.css；
主要样式：master.css
框架布局：layout.css；
专栏样式：columns.css
主题样式：themes.css
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；
排版样式：typography.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”。

上一篇: 电脑蓝屏后处理方法
下一篇: 不用防火墙自动对付CC攻击
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: css
相关日志: