CSS 综合（入门任务13）

一些重要的编程规范

• 语义化标签，我认为初期对于这块不是很有概念，今后会在实战中改善。

• 命名只用英文小写，中横线替代空格，命名只体现功能

• html

  • 减少标签的数量，编写 HTML 代码时，尽量避免多余的父元素。很多时候，这需要迭代和重构来实现
  • 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法

• css

  • 为选择器分组时，将单独的选择器单独放在一行
  • 为了代码的易读性，在每个声明块的左花括号前添加一个空格
  • 为了获得更准确的错误报告，每条声明都应该独占一行
  • 不要在 rgb()、rgba()、hsl()、hsla() 或 rect() 值的内部的逗号后面插入空格。这样利于从多个属性值（既加逗号也加空格）中区分多个颜色值（只加逗号，不加空格）

参考资料：编码规范 by @mdo
参考资料：styleguide

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

• line-height方法实现垂直居中：传送门
• text-align方法实现垂直居中：传送门
• 绝对居中方法实现垂直居中：传送门
• vertical-align方法实现垂直居中：传送门

代码案例实现

传送门