CSS | 规范

CSS 书写顺序

1. 位置属性(position, top, right, z-index,display, float等)　　
2. 大小(width, height, padding, margin)　　
3. 文字系列(font, line-height, letter-spacing,color- text-align等)　　
4. 背景(background, border等)　　
5. 其他(animation, transition等)

CSS 规范

1. 正确使用缩写，例如navigation就可以缩写为nav，而author就不要缩写
2. id与类名前不必加上标签类型
3. 属性尽量使用简写形式，如font或background等
4. 0后面不要加上单位
5. 小数前不要加上0
6. url()中不要加入引号，例如@import url(//www.google.com/css/go.css);
7. 16进制尽量使用3位表示
8. 可以为项目加入前缀，例如.adw-help {} /* AdWords */
9. 分词使用“-”，如前例
10. 属性采用字典序申明，包括前缀如moz安排在webkit之前
11. {}里面都应该使用缩进，包括属性申明或另一个{}
12. 属性：与值之间用一个空格分开，例如font-weight: bold;
13. 为每个选择符及每个属性申明单独使用一行
14. 规则之间用一个空行分开

/*10*/background: fuchsia;border: 1px solid;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;color: black;text-align: center;text-indent: 2em;/*13 14*/h1,h2,h3 {  font-weight: normal;  line-height: 1.2;}

---

常用的css命名规范

页面结构　　

容器: container　　
页头：header　　
内容：content/container　　
页面主体：main　　
页尾：footer　　
导航：nav　　
侧栏：sidebar　　
栏目：column　　
页面外围控制整体佈局宽度：wrapper　　
左右中：left right center

导航　　

导航：nav　　
主导航：mainnav　　
子导航：subnav　　
顶导航：topnav　　
边导航：sidebar　　
左导航：leftsidebar　　
右导航：rightsidebar　　
菜单：menu　　
子菜单：submenu　　
标题: title　　
摘要: summary

功能　　

标志：logo　　
广告：banner　　
登陆：login　　
登录条：loginbar　　
注册：register　　
搜索：search　　
功能区：shop　　
标题：title　　
加入：joinus　　
状态：status　　
按钮：btn　　
滚动：scroll　　
标籤页：tab　　
文章列表：list　　
提示信息：msg　　
当前的: current　　
小技巧：tips　　
图标: icon　　
注释：note　　
指南：guild　　
服务：service　　
热点：hot　　
新闻：news　　
下载：download　　
投票：vote　　
合作伙伴：partner　　
友情链接：link　　
版权：copyright

注意事项:　

1.一律小写;　　
2.尽量用英文;　　
3.不加中槓和下划线;　　
4.尽量不缩写，除非一看就明白的单词。

---

CSS样式表文件命名　　

主要的 master.css　　
模块 module.css　　
基本共用 base.css　　
布局、版面 layout.css　　
主题 themes.css　　
专栏 columns.css　　
文字 font.css　　
表单 forms.css　　
补丁 mend.css　　
打印 print.css

---