美文网首页
css编码规范和垂直居中的几种方式

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

作者: 来人啊都给朕退下吧 | 来源:发表于2017-06-05 00:33 被阅读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实现

    相关文章

      网友评论

          本文标题:css编码规范和垂直居中的几种方式

          本文链接:https://www.haomeiwen.com/subject/ignbfxtx.html