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

• 命名规范
  • 命名用英文小写，中间用中划线链接
  • 命名用引号包裹
  • 命名体现功能，不涉及样式(颜色、字体、边框、背景等)

• HTML和CSS编码规范
  • 尽量使用语义化标签
  • 尽量减少标签的数量
  • CSS属性换行，而不是放在同一行
  • 为选择器分组时，将单独的选择器单独放在一行
  • css的 : 后加个空格， { 前加个空格
  • 每条声明后都加上分号
  • 颜色用小写，用缩写, #fff
  • 小数不用写前缀, 0.5s => .5s；0不用加单位
  • 尽量缩写， margin: 5px 10px 5px 10px => margin: 5px 10px
• BootStrap编码规范

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

• 无height值时，.parent用padding: 20px 0;就可以了
• 有height值时
  • height=line-height
  • table自带功能
  • div 伪装成 table
  • 100% 高度的 afrer before 加上 inline block
  • margin-top: -50%;
  • translate(-50%)
  • absolute margin auto
  • flex

来自方方老师的忠告：能不写 height 就千万别写 height

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

• code