CSS 综合

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

1.要合适使用命名，尽量语义化。
2.tab用两个空格表示。
3.css的：加个空格。
4.每条声明加个分号。
5.换行，而不是放到一行。
6.颜色用小写，用缩写，例如#fff；
7.小树不用前缀，例如.5 .3==0.5 0.3
8.可以用缩写的尽量用缩写。。

• 参考bootstrap命名规范。（http://codeguide.bootcss.com/）
• 谷歌HTML命名规范。

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

• 设置上下padding相等；

Paste_Image.png

• 绝对定位的方式居中。

  1. 宽高固定的情况下：

Paste_Image.png Paste_Image.png

2. 宽或者高不固定的情况下：
   利用css3的属性，transform:translate(-50%,-50%);会有兼容性问题；

   
   Paste_Image.png

• 使用vertical-ailgn居中：
  首先vertical-align作用在行内元素，或者表格才生效。
  ps: 原理就是给包裹的行内元素一个参照物，一起垂直居中。

  
  Paste_Image.png