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

编码规范:

  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实现

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,814评论 1 92
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,806评论 0 2
  • 不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的。 ...
    青鸣阅读 331评论 0 1
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,339评论 0 11
  • 四季里,春花秋月,夏雨冬雪,我钟爱着花月雪,唯独对于雨,了解甚少,从未走近过。如果非要我说说对雨有什么样的感受,那...
    紫苏微暖阅读 461评论 0 2