码迷,mamicode.com
首页 > Web开发 > 详细

CSS编码规范

时间:2018-10-22 23:18:04      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:ansi   ott   isp   flow   添加   alt   设置   position   form   

1.使用两个空格作为缩进层级,不使用tab键;选择器与 {之间空一格;属性名 与之后的 : 之间不允许包含空格, : 与 属性值之间必须包含空格

    技术分享图片

2.列表型属性值书写在单行时,,逗号后必须跟一个空格

   技术分享图片

3.当一个 rule 包含多个 selector 时,每个选择器声明必须独占一行

    技术分享图片

 

4.>、+、~ 选择器的两边各留一个空格

   技术分享图片

 

5.属性选择器中的值必须用双引号包围

  技术分享图片

6.(建议)选择器的嵌套层级应不大于 3 级,位置靠后的限定条件应尽可能精确

7.使用 border / margin / padding 等缩写时,应注意隐含值对实际数值的影响,确实需要设置多个方向的值时才使用缩写

8.属性书写顺序:

同一 rule set 下的属性在书写时,应按功能进行分组,组之间添加一个空行,按照以下顺序书写,可提高代码的可读性(如果有content属性应该放在最前面)

  ·Formatting Model(布局方式、位置):position / top / right / bottom / left / float / display / overflow 等

  ·Box Model(尺寸):border / margin / padding / width / height 等

  ·Typographic(文本相关) :font / line-height / text-align / word-wrap 等

  ·Visual(视觉效果):background / color / transition / list-style 等

 

9.

CSS编码规范

标签:ansi   ott   isp   flow   添加   alt   设置   position   form   

原文地址:https://www.cnblogs.com/prospective-zkq/p/9833692.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!