css小结综合

代码规范

参考https://github.com/fex-team/styleguide/blob/master/css.md2
我平时的代码规范，能做到

1. 类名后面加空格 再写{ }
2. 属性名： 加空格 加属性值；
3. 换行，首行缩进，写嵌套元素内的元素前面加两个空格
4. 类名小写，类名名称按功能来，类名太长中间用 - 连接，类名能用缩写的用缩写
5. 颜色值能缩写的缩写 ，如#000000写成#000
   目前能做到的有这些，之后会慢慢加强

垂直居中的几种方式

1.上下padding垂直居中
http://js.jirengu.com/niyekututa/3/edit
2.绝对定位垂直居中
http://js.jirengu.com/qohohuhedo/2/edit
3.vertical-align垂直居中
http://js.jirengu.com/qeqoduwusa/1/edit
4.table-cell 垂直居中
http://js.jirengu.com/xukesivipi/1/edit
5.单行文本line-height垂直居中
http://js.jirengu.com/yavusenazu/2/edit
6.flex布局实现垂直居中
http://js.jirengu.com/zabexacohi/1/edit

实现效果

http://js.jirengu.com/nowifapore/1/edit