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

• tab 用两个空格表示
• css的 :后加个空格， {前加个空格
• 每条声明后都加上分号
• 换行，而不是放到一行
• 颜色用小写，用缩写, #fff
• 小数不用写前缀, 0.5s -> .5s；0不用加单位
• 尽量缩写， margin: 5px 10px 5px 10px -> margin: 5px 10px
  关于编码规范的网站：
  • http://codeguide.bootcss.com/
  • https://google.github.io/styleguide/htmlcssguide.xml

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

• 通过给父元素上下相等的padding实现，适用未指定父元素高度的场景。
  jsbin
• 通过绝对定位加自身宽高一半的负margin实现，适用自身元素宽高已知的场景
  jsbin
• vertical-align实现居中
  jsbin
• table-cell实现居中
  jsbin
• flex布局实现居中
  jsbin

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

jsbin