第九天：HTML（CSS 基础知识）

CSS 三大特性（核心原理）

相同选择器设置相同样式：后面样式覆盖前面

相同选择器不同样式：全部叠加生效

2. 继承性

文字类样式会自动继承，布局类样式不会继承

3. 优先级

权重计算：标签 (1) ＜ 类 / 伪类 (10) ＜ id (100)，权重相同：就近原则，后写生效，!important 强行最高权重。

元素分类

块级元素block，它独占一行，宽高、内外边距全部生效。行内元素 inline，同行显示，不独占一行，宽高设置不了。行内块 inline-block，它同行显示，宽高、内外边距全部生效结合块级 + 行内优点，常用于横向布局

盒子模型

标准盒子模型：内容content+内边距padding+边框border+外边距margin。元素实际宽度 = width + padding + border

关系选择器

关系选择器是通过位置关系来选择目标元素（标签），可以更精准选择某些元素，常见的有：后代选择器，子代选择器，邻接兄弟选择器，通用兄弟选择器

后代选择器的语法是A B 包括了所有的后代也就是跨层级，实例 ui li {color：pink；），子代选择器语法是A>B 直接子元素（仅一层）div>span{color:pink},邻接兄弟选择器语法是A+B紧邻的下一个同级元素例如h2+p{} 标题后的第一个p元素,通用兄弟选择器A-B 范围是A之后的所有同级元素 例如h2-p{}标题后的所有p元素