css 综合

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

HTML

注意标签的语义化，减少无意义的标签
标签名小写，正确闭合标签
属性值用双引号
样式，内容分离
使用外链 CSS 和 JavaScript
HTML 属性尽量按顺序依次排列：
class
id，name
data-*
src,，for， type， href
title，alt
aria-*，role

css

保持相同的缩进风格，在该加空格地方比如 : 后加空格
每条声明后都加分号，每条声明都放在单独的一行中
颜色用小写，用缩写, #fff
小数不用写前缀, 0.5s -> .5s；0不用加单位
属性尽量缩写，，如 font: 16px/1.5 palatino, georgia, serif;
相关的属性声明应当归为一组，并按照下面的顺序排列：
Positioning
Box model
Typographic
Visual
注意 class 命名，应当尽可能短，并且意义明确

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

padding实现:padding上下相等
vertical-align实现:middle
position实现:fixed
table-cell实现:display
flex实现:one
two

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

html
实现