「这是我参与11月更文挑战的第21天，活动详情查看：2021最后一次更文挑战」。
让我们开始复习吧！
CSS文本属性
- 文本颜色：color
- 对齐方式：text-align
- 文本装饰：text-decoration
- 文本缩进(可用于段落首行缩进)：text-indent
- 行间距：line-height
font: 12px/1.5 'Microsoft YaHei' ;/* 1.5代表行高为当前文字大小的1.5倍*/
伪类选择器
:link：未访问时的状态:visited: 已访问过的状态:hover: 鼠标悬停的状态:active：鼠标按下去的状态:focus: 用于获取焦点的表单元素
CSS背景
♥图像固定(背景附着)
background-attachment: scroll | fixed
- scroll：背景图像随对象内容滚动（默认值）
- fixed：背景图像固定
♥背景设置简写
background: 背景颜色 背景图片地址 背景平铺 背景图像滚动 背景位置
优先级
选择器权重：
| 选择器 | 选择器权重 |
|---|---|
| 继承 或者 * | 0 0 0 0 |
| 元素选择器 | 0 0 0 1 |
| 类选择器，伪类选择器 | 0 0 1 0 |
| ID选择器 | 0 1 0 0 |
| 行内样式 style="" | 1 0 0 0 |
| !important | 无穷... |
border边框
border-collapse：collapse；表示相邻边框合并在一起
盒子模型
- 如果盒子本身没有指定width/height的话，则此时padding不会撑开盒子大小
♥外边距合并
1、相邻块元素垂直外边距的合并
解决方案：尽量只给一个盒子添加margin值
2、嵌套块元素垂直外边距的塌陷
解决方案：
1）给父元素添加一个上边框
2）给父元素添加一个上内边距
- 给父元素添加一个overflow: hidden；
浮动特性-脱标
- 脱离标准普通流的控制移动到指定位置
- 浮动的盒子不再保留之前的位置
- 浮动的元素只会压住下面的盒子，不会压住标准流中的文字(图片)，
但是绝对定位和固定定位会压住下面标准流的所有内容
清除浮动
很多情况下，因为不知道子盒子有多少，所以父盒子不适合给高度，但是子盒子浮动了之后又不占位置，脱标，不能撑开父盒子，父盒子高度就为0了，这样就会影响下面的标准流盒子，这就是清除浮动的原因所在。
清除浮动的方法：
-
额外标签法
在浮动元素后面添加一个空标签，设置样式：clear：both；可用伪元素
-
父级添加overflow：hidden
-
父级添加after伪元素
-
父级添加双伪元素
文章到此结束，但是复习是不会结束的，拜拜~
