CSS综合_编码规范_垂直居中

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

HTML书写规范

• 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。
• 嵌套元素应当缩进一次（即两个空格）。
• 对于属性的定义，确保全部使用双引号，绝不要使用单引号。
• 不要在自闭合（self-closing）元素的尾部添加斜线 --HTML5 规范中明确说明这是可选的。
• 不要省略可选的结束标签（closing tag）（例如，< /li >
  或 </body>）。

css书写规范

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

代码规范

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

• 用padding和text-align实现居中

• 绝对定位实现居中

• vertical-align实现居中

    //只适用于行内元素
    //浮动、绝对定位会让vertical-align失效
  

• table-cell实现居中;

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

代码