CSS：结构伪类选择器（选择子元素）、伪元素、标准流、浮动、清除浮动

1、结构伪类选择器

1.1 使用 结构伪类选择器 在HTML中定位元素

作用：根据元素在HTML中的结构关系查找元素
优势：减少对于HTML中类的依赖，有利于保持代码整洁
场景：常用于查找某父级选择器中的子元素

1.2 结构伪类公式

1.3 案例-结构伪类

1.4（了解）nth-of-type结构伪类选择器

2、伪元素

伪元素：一般页面中的非主体内容可以使用伪元素

• 区别：

1. 元素：HTML 设置的标签
2. 伪元素：由 CSS 模拟出的标签效果
   

注意点：
3. 必须设置content属性才能生效
4. 伪元素默认是行内元素

3、标准流

标准流：又称文档流，是浏览器在渲染显示网页内容时默认采用的一套排版规则，规定了应该以何种方式排列元素

4、浮动

1. 浮动的作用

2. 浮动的代码

1. 左浮动：float : left
2. 右浮动：float : right

3. 浮动的特点

4、清除浮动

4.1 清除浮动的方法 — ① 直接设置父元素高度

4.2 清除浮动的方法 — ② 额外标签法

4.3 清除浮动的方法 — ③ 单伪元素清除法

4.4 清除浮动的方法 — ④ 双伪元素清除法

4.5 清除浮动的方法 — ⑤ 给父元素设置overflow : hidden