CSS 综合

说一说你平时写代码遵守的编码规范

• 语义化

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

• 书写规范

1. tab 用两个空格表示。
2. css的 : 后加个空格， { 前加个空格。
3. 每条声明后都加上分号。
4. 换行，而不是放到一行。
5. 颜色用小写，用缩写。
6. 小数不用写前缀, 0.5s -> .5s；0不用加单位。
7. 尽量缩写， margin: 5px 10px 5px 10px -> margin: 5px 10px。

• 命名规范

1.所有命名都使用英文小写

推荐：`<div class="main"></div> `

不推荐： `<div class="Main"></div> `

2.命名用引号包裹

推荐：`<div id="header"></div> `

不推荐： `<div id=header></div> `

3.用中横线连接

推荐：`<div class="mod-modal"></div> `

不推荐： `<div class="modModal"></div> `

4.命名体现功能，不涉及表现样式(颜色、字体、边框、背景等)

推荐：`<div class="text-lesser"></div>`

不推荐： `<div class="light-grey"></div>`

参考：编码规范 http://codeguide.bootcss.com/

---

垂直居中有几种实现方式，给出代码范例

（1）text-align：

（2）绝对定位实现居中：

（3）vertical-align实现居中：

（4）table-cell实现居中：

---

实现如下效果，每种效果都只使用一个html 标签来实现 效果范例

http://js.jirengu.com/debaxemuke/1/