css代码格式
CSS代码格式规范
CSS代码格式的规范化，能够提高代码的可读性、可维护性，使代码易于理解和修改。下面将介绍一些常见的CSS代码格式规范。
1. 缩进
在CSS代码中，使用2个空格作为缩进的标准。不要使用Tab键，因为不同的编辑器可能会以不同的宽度显示Tab，导致代码的格式混乱。
2. 空格
在选择器和属性之间、属性名和属性值之间、多个属性之间都应该有一个空格。例如：
```
selector {
property: value;
}
```
在多个选择器之间应该有一个空格，以提高可读性。
3. 分号
每个属性声明的结尾都应该加上分号，即使是最后一个属性声明也不例外。这样做有利于在添加或删除属性时减少出错的可能性。
4. 换行
每个选择器应该独占一行，每个属性声明之后都应该换行，以提高可读性。例如：
```
selector1,
selector2 {
property1: value;
property2: value;
}
```
5. 注释
在CSS代码中，应该适当添加注释，以便他人或自己在以后阅读时更好地理解代码的意图。注释应该以`/*`开头，以`*/`结尾。例如：
```
/* 这是一个注释示例 */
selector {
property: value; /* 这是一个属性的注释 */
}
```
6. 选择器顺序
选择器的顺序应该按照从通用到具体的规则，以保持代码的逻辑性。先写全局选择器，再写class选择器，最后写id选择器。
7. 属性顺序
属性的顺序也应该有规律，一般按照以下顺序排列：
- 位置属性（position, top, right, bottom, left）
- 大小属性（width, height, padding, margin）
- 文本属性（color, font-size, text-align）
- 背景属性（background-color, background-image）
- 边框属性（border, border-radius）
- 其他属性（display, cursor, z-index）
8. 命名规范
CSS的类名和ID名应该使用有意义的、可读性强的名字，以提高代码的可维护性。采用一致的命名规范，比如使用驼峰命名法或短横线命名法。
css代码写在什么位置
CSS代码可以写在HTML文件的三个位置：内联样式、内部样式表和外部样式表。
1. 内联样式：
内联样式是在HTML标签的style属性中直接写入CSS代码。如下所示：
```
标题
```
内联样式的优点是可以针对单个元素进行样式设置，具有最高的优先级，但对于大规模页面来说，维护和修改都相对困难，代码冗余且不易管理。
2. 内部样式表：
内部样式表是将CSS代码写在HTML文件的
标签中的
标题
段落文本