css命名规范

   俗话说“无规矩不成方圆”，作为一个前端开发者,我们经常要写许多css样式，我们应该注意css命名的规范性，这样可以提高代码的可读性和可维护性，便于复用。

   css样式文件名：

1.重置样式 reset.css

2.主要样式 master.css

3.全局(通用)样式 global（common）.css

4.布局版面 layout.css

5.专栏  column.css

6.打印样式 print.css

7.主题   theme.css

8.图文编排 typeset.css

9.ie兼容hack ie.css

10.文字 font.css

11.颜色 color.css

12.页面头部 header.css

13.页面尾部 footer.css

14.页面主体 main.css (container.css)

常见的css命名规则：

1.头部：header

2.尾部：fooer

3.主体：content/container

4.导航：nav

5.主导航：mainnav

6.分导航:subnav

7.分类：category

8.侧边栏：siderbar

9.栏目：column

10.外围（控制整体布局宽度）：wrapper

11.登录条：loginbar

12.工具条提示：tooltip

13.登录按钮：loginbtn

14.标志：logo

15.广告:banner

16.热点：hot

17.下载:download

18.菜单：menu

19.子菜单：submenu

20.搜索区：searchArea

21.搜索：search

22.搜索按钮：searchBtn

23.友情链接：friendlink

24.投票：vote

25.滚动：scroll

26.标题：title;

27.标签：tab

28.小技巧：tips

29.信息：msg

30.版权：copyright

31.服务：service

32.注册：register

33.状态：status

34.文章列表：list

35.加入：joinus

36.合作伙伴：partner

注意:

1.class命名中只能出现小写英文字母和连词符，尽量不要出现驼峰命名法或者下划线；

2.class名尽可能短，常见单词可以简写比如.button 写为.btn;

3.使用用意义的名称使用有组织、语义明确的名称；

4.使用最近的父class或者(base)class作为新子类名的前缀；