美文网首页
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综合

    HTML编码规范CSS编码规范 垂直居中代码

  • CSS编码规范及垂直居中的实现方法

    平时写代码遵守的编码规范 垂直居中有几种实现方式,给出代码范例 绝对定位实现垂直居中 vertical align...

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

    编码规范: 合理命名,使用语义化标签,基于功能命名、基于内容命名、基于表现命名,命名应该体现功能,不涉及表现样式(...

  • CSS编码规范和垂直居中

    1. 说一说你平时写代码遵守的编码规范 语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获...

  • CSS编码规范,CSS垂直居中

    说一说你平时写代码遵守的编码规范 命名英文小写。 命名用引号包裹。 中横线链接命名。 命名体现功能,不涉及样式。 ...

  • CSS居中的几种方式

    本文主要总结几种常见的CSS居中方式,下面我准备分为三个方向来写,分别是水平居中,垂直居中,水平垂直居中。水平居中...

  • CSS综合

    编码规范 设置上下padding垂直居中 使用绝对定位垂直居中 使用vertical-align垂直居中 使用ta...

  • 不定宽高的div盒子和不定宽高的盒子水平垂直居中

    让一个不定宽高的div,垂直水平居中的几种实现方式 不定宽高的div垂直居中的方式: 1、使用CSS方法: 父盒子...

  • Css

    1. 介绍一下 CSS 的盒子模型? 2. css 选择器优先级? 3. 垂直居中几种方式? 4. 水平居中几种方...

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

    1. 说一说你平时写代码遵守的编码规范 HTML书写规范 用两个空格来代替制表符(tab) -- 这是唯一能保证在...

网友评论

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

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