CSS编码规范

一、命名规范

1、命名技巧

语义化：
1. 语义化标签优先
2. 基于功能命名，基于内容命名，基于表现命名
3. 简略，明了，无后患

2、命名范例

1. 使用英文小写
2. 用中横线连接
3. 命名体现功能，不设计表现样式，比如：<div class="text-blue">

3、常见命名举例

.wrap/.wrapper 用于外侧容器包裹
.container/.ct 包裹容器
.header 页面头部
.body 页面body
.footer 页面尾部
.aside/.sidebar 侧边栏
.content 内容区，和header,footer对应
.navigation 导航元素
.pagination 分页
.tabs/.tab tab切换
.breadcrumbs 导航列表
.dropdown 下拉菜单
.article 文章
.main 用于主体
.thumbnail 头像，小图像
.media 媒体资源
.panel 面板
.tooltip 鼠标放上去的提示
.button/.btn 按钮
.ad 广告
.subnav 二级导航
.meau 菜单
.tag 标签
.message/.notice 提示消息
.summary 摘要
.logo logo
.search 搜索框
.login 登录
.register 注册
.username 用户名
.password 密码
.banner 广告条
.copyright 版权
.modal/dialog 弹窗