css编码规范和垂直居中的几种方式

2017-06-05  本文已影响7人  来人啊都给朕退下吧

编码规范:

  1. 合理命名,使用语义化标签,基于功能命名、基于内容命名、基于表现命名,命名应该体现功能,不涉及表现样式(颜色、字体、边框、背景等),简略、明了、无后患。
  2. 标签命名不使用驼峰,使用“-”代替“_”
  3. tab用2个空格
  4. 尽量少的使用id
  5. css属性换行,而不是放到一行
  6. 小数不用写前缀, 0.5s -> .5s;0不用加单位
  7. 不追求多属性赋值的简写,以免引起代码混乱
  8. 为选择器中的属性添加双引号,例如,input[type="text"]
  9. 选择器要尽可能短,并且尽量限制组成选择器的元素个数,建议不要超过 3

垂直居中的几种实现方式。

上下padding实现

绝对定位+负margin实现

vertical-align+伪类元素实现

父元素设置table-cell实现

flex实现

上一篇下一篇

猜你喜欢

热点阅读