css 样式简单学习（一）

目录

1. css 介绍

1.1 css 样式

1.2 css代码风格

1.2.1 书写格式

1.2.2 样式大小写​编辑

1.2.3 空格规范

2. 基础选择器

2.1 选择器的作用​编辑

2.2 选择器的分类

2.3 基础选择器

2.3.1 标签选择器​编辑

2.3.2 类选择器​编辑

2.3.3 类选择器-多类名​编辑

2.3.4 id 选择器

2.3.5 区别​编辑

2.3.6 通配符选择器​编辑​编辑​编辑

2.3.7 基础选择器总结​编辑​编辑

3. 设置字体属性

3.1 字体样式

3.2 字体大小

3.3 字体粗细

3.4 文字样式

3.5 复合样式

3.6 字体属性总结​编辑

4. 文本属性

4.1 文本颜色

4.2 对齐文本

4.3 装饰文本

4.4 文本缩进

4.5 行间距

4.6 文本属性总结​编辑

---

1. css 介绍

  

1.1 css 样式

1.2 css代码风格

1.2.1 书写格式

1.2.2 样式大小写

1.2.3 空格规范

2. 基础选择器

2.1 选择器的作用

2.2 选择器的分类

2.3 基础选择器

2.3.1 标签选择器

作用:

优点：

缺点：

2.3.2 类选择器

语法：

2.3.3 类选择器-多类名

多类名使用场景：类似于降低代码的冗余度，增强复用性（高内聚，低耦合）；

使用方式：

2.3.4 id 选择器

目前是 2024年9月份，id 选择器是可以重复使用的，但在后期 js 的编写过程中会有影响；

2.3.5 区别

2.3.6 通配符选择器

2.3.7 基础选择器总结

3. 设置字体属性

3.1 字体样式

3.2 字体大小

3.3 字体粗细

3.4 文字样式

3.5 复合样式

3.6 字体属性总结

4. 文本属性

4.1 文本颜色

4.2 对齐文本

4.3 装饰文本

4.4 文本缩进

4.5 行间距

文本高度是不变的。

例如：行高为 16px，字体大小为 16px，那么上/下间距为 0；

行高为 36px，字体大小为 16px，那么上下间距为 10px；

4.6 文本属性总结