常用的CSS命名规范

常用的CSS命名规范:http://www.html5cn.org/article-7600-1.html
通用CSS笔记、建议与指导:https://github.com/chadluo/CSS-Guidelines/blob/master/README.md

切勿将标记 CSS 样式的 class 用作 JavaScript 钩子。把js行为与样式混在一起将无法对其分别处理。

如果你要把js和某些标记绑定起来的话,写一个js专用的 class。简单地说就是划定一个前缀 .js- 的命名空间,例如 .js-toggle,.js-drag-and-drop。这意味着我们可以通过 class 同时绑定 JS 和 CSS 而不会因为冲突而引发麻烦。

<div class="is-sortable js-is-sortable"></div>

头:header
容器:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
友情链接:friendlink
页脚:footer
版权:copyright
滚动:scroll
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
注册:regsiter
状态:status
投票:vote
合作伙伴:partner
格式:1.先写带有浏览器私有标志的,后写W3C标准的。
2.使用16进制表示颜色值。
3.省略值为0时的单位
4.最后一个值也以分号结尾
5.根据属性的重要性按顺序书写 
参考网址:http://nec.netease.com/standard

你可能感兴趣的:(命名规范)