这是我参与【第五届青训营】伴学笔记创作的第2天。
在了解 CSS 基本原理后，本节课进一步深入讨论，通过具体案例对于选择器的特异度展开讲解，在此基础上进一步引出 CSS 继承与布局的话题，对其定义及相关技术分别作出介绍。
一、本堂课重点内容：
- CSS 选择器的特异度
- CSS 继承
- CSS 求值过程解析
- CSS 布局方式及相关技术
二、详细知识点介绍：
选择器的特异度（Specificity）
优先级：id>（伪）类>标签
覆盖：
继承
- 一般来说，和文字相关的都是可以继承的，和盒模型相关的一般不可以继承（如宽等）。
1、显示继承：inherit
- 初始值
CSS求值过程
每一个元素都要经历这个过程。
计算值：可以立即得到的值。使用值：实际布局时候才能得到的值。
继承时继承的是父级的计算值，而不是使用值。
布局
1、布局相关技术：常规流（行级、块级、表格布局、FlexBox、Grid布局）、浮动、绝对定位。
2、盒模型
width
height
第五点注：若想写100%，要看看所在父级是否有确定高度。
padding
百分数相对于容器宽度
border
指定容器边框样式、粗细和颜色。
当四条边框颜色不同时：
margin
注：百分数相对于容器宽度
margin:auto：水平居中
margin collapse：边距重叠，选大的而不是相加。
box-sizing:border-box
宽高里算边距。
overflow
- visible：显示
- hidden：隐藏
- scroll：是否超出都有滚动条
- auto：根据是否超出选择是否有滚动条
