首页 > 技术文章 > Css的三种常用代码风格

john-jxsr 2018-02-07 16:53 原文

代码格式化的作用:代码更佳美观、容易理解和更好维护。

代码风格一:

主要包括以下特征:

  1. 选择符顶行书写。
  2. 每条声明单行显示并缩进4空格
  3. 规则之间可以适当空行,以便于阅读
  4. 属性与属性值之间,以及选择符列表之间建议空一格,使代码显得不至于拥挤。

代码风格二:

主要包括以下特征:

  1. 选择符顶行书写。
  2. 样式代码单行显示,所有声明都并列在一行内。
  3. 规则之间可以适当空行,以便阅读。
  4. 属性与属性值之间、声明之间,以及选择符列表之间最好空一格,便于阅读。

代码风格三:

主要包括以下特征:

  1. 选择符顶行书写。
  2. 当样式内代码比较少时,或声明的条数仅为1~2条时,可以把代码并列在一行内显示,遵循第二种代码风格的样式。
  3. 当样式内代码比较多时,或声明的条数超过3条时,可以多行显示声明,遵循第一种代码风格样式
  4. 属性与属性值之间、声明之间,以及选择符列表之间最好空一格,便于阅读。样式之间可以适当空行。

代码格式可以使用开发工具进行优化和设置。

推荐阅读