Css的三种常用代码风格

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

代码风格一：

主要包括以下特征：

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

代码风格二：

主要包括以下特征：

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

代码风格三：

主要包括以下特征：

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

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

原文地址：https://www.cnblogs.com/john-jxsr/p/8427427.html