一些小问题1

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

• tab用两个空格表示
• css的:后加个空格，{前加个空格
• 每条声明后都加上分号
• 换行，而不是放到一行
• 颜色用小写，用缩写, #fff
• 小数不用写前缀, 0.5s -> .5s
• 0不用加单位
• 能缩写的就缩写， 如margin: 5px 10px 5px 10px;可以写成margin: 5px 10px;

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

• 通过使用上下相同padding的方式实现垂直居中，此种方式可以允许内容增加或减少，内容始终在框内保持居中

padding: 20px 0;
text-align: center;

• 通过使用绝对定位的方式实现垂直居中，此种方式多应用于弹窗

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
width: 200px;
height: 150px;

• 通过使用vertical-align: center;和伪类的方式实现垂直居中

.box:before{
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.box img{
  vertical-align: middle;
  background: blue;
}

• 通过设置vertical-align: center;和display: table-cell;的方式实现垂直居中

 width: 300px;
 height: 200px;
 border: 1px solid ;
 display: table-cell;
 vertical-align: middle;
 text-align: center;