书写规范
形成一定的书写规范，增强可读性，有利于后期的查询与修改。规范如下：
body{
padding: 0;
margin: 0;
}
.dd-header{
background: #003C78;
width: 100%;
height: 56px;
padding:0 10px;
display: flex;
flex-direction: row;
}
- 使用缩进来表明嵌套层次
- 文件编码为 utf-8
- 根据功能模块进行注释，方便日后维护
文件命名
好的文件命名，可以提高团队合作效率。
- 全局：global.css 全局样式为全站公用，为页面样式基础，页面中必须包含
- 结构：layout.css 页面结构类型复杂，并且公用类型较多时使用。多用在首页级页面和产品类页面中
- 私有：style.css 独立页面所使用的样式文件，页面中必须包含
- 模块：module.css 产品类页面应用，将可复用类模块进行剥离后，可与其它样式配合使用
- 主题：themes.css 实现换肤功能时应用
- 补丁：mend.css 基于以上样式进行的私有化修补
- 其他：团队约定
命名规范
我们开发CSS+DIV网页（html）时候，比较困惑和纠结的事就是CSS命名，特别是新手不知道该如何命名，怎样命名才是规范的。命名需要注意以下几点：
- 规则命名中，一律采用小写加中划线的方式，不允许使用大写字母或 _
- 命名避免使用中文拼音，应该采用更简明有语义的英文单词进行组合
- 命名注意缩写，但是不能盲目缩写
- 样式与结构分离，尽量不要使用style行内样式，有利于后期的工程维护
- 避免class与id重名
- 尽可能提高代码模块的复用，样式尽量用组合的方式
常用命名推荐
页面结构：
- 容器: container
- 页头：header
- 内容：content/container
- 页面主体：main
- 页尾：footer
- 导航：nav
- 侧栏：sidebar
- 栏目：column
- 页面外围控制整体布局宽度：wrapper
- 左右中：left right center
导航：
- 导航：nav
- 主导航：mainbav
- 子导航：subnav
- 顶导航：topnav
- 边导航：sidebar
- 左导航：leftsidebar
- 右导航：rightsidebar
- 菜单：menu
- 子菜单：submenu
- 标题: title
- 摘要: summary
功能：
- 标志：logo
- 广告：banner
- 登陆：login
- 登录条：loginbar
- 注册：regsiter
- 搜索：search
- 功能区：shop
- 加入：joinus
- 状态：status
- 按钮：btn
- 滚动：scroll
- 标签页：tab
- 文章列表：list
- 提示信息：msg
- 当前的: current
- 小技巧：tips
- 图标: icon
- 注释：note
- 指南：guild
- 服务：service
- 热点：hot
- 新闻：news
- 下载：download
- 投票：vote
- 合作伙伴：partner
- 友情链接：link
- 版权：copyright