css综合

1.编码规范

我平时写代码所遵循的规范如下：

1. 命名都用小写，多个单词时用中划线连接。
2. 命名用有意义的单词，做到看到名字就明白是干什么的。
3. 多条属性时，每条属性都占一行，不写在一行。
4. 每条声明语句的 : 后应该插入一个空格。
5. 对于以逗号分隔的属性值，每个逗号后面都应该插入一个空格box-shadow: 0 1px 2px #ccc, inset 0 1px 0 #fff

尽可能把 http://codeguide.bootcss.com/ 都做到

2.垂直居中的各种方式

1. 利用上下padding垂直居中 http://js.jirengu.com/mubofijadu/3/edit
2. 利用行高与高度相等居中 http://js.jirengu.com/dumicilesi/2/edit
3. 利用绝对定位和transforms属性 http://js.jirengu.com/boweqewesi/2/edit
4. 利用绝对定位和负margin属性 http://js.jirengu.com/qoxojuyazi/2/edit
5. 利用vetical-align属性 http://js.jirengu.com/ratepeyowe/2/edit
6. 利用table-cell属性居中 http://js.jirengu.com/gonirufize/2/edit

3.实现下列效果

duihuakuang.png

代码地址 http://js.jirengu.com/tayihubema/3/edit