这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天。
一、三大属性
1. 选择器selector/，选中元素并定义样式
2. 属性值Value
3. 声明Declaration
二、三种形式：
1. 外链，格式为link rel="" href=""
2. 嵌入，内接style
3. 内联p style=
三、css如何工作：
1. 选择元素：按照标签名、类名、id、属性、DOM树中的位置
2. 通配选择器*
3. 设置id属性h1 id="" id是唯一的值
4. p class=“” 可出现多次
5. 属性选择器，^以此为开头，$以此为结尾
四、伪类选择权
状态不同： 1. a：link默认状态 2. visited访问过 3. hover移上去后 4. active鼠标按下去后
输入框type=“text”：focus 输入中的
结构不同：根据DOM树中的节点.first-child第一个 last
五、组合： 1. 直接组合 AB 同时满足 2. 后代组合 A B 选B，且B为A子孙 3. 亲子组合 A >B 选B，且B为A子元素 4. 兄弟选择器 A ~B 选B，在A后且同级 5. 相邻选择器 A + B 选B，紧跟在A后
六、选择器组，标签名加，
1. 颜色 三色均为十六进制如#111111
2. HSL 色相，饱和度，亮度
3. alpha透明度 不透明，越低越透明
七、字体（font-family）逐层匹配，隔开
通用字体族，一般在最后加上
web font ，将字体下载后使用
font-style:italic， 斜体
font-weight ， 粗细100-900 ， 400normal ， 700bold
line-height ， 行高
八、选择器的优先级：
1. 越特殊的选择器优先级越高
2. 特异度的计算：id数+（伪）类数+标签数
3. 优先级高的会覆盖优先级低的
继承：某些属性会自动继承其父元素的计算值，除非显式指定一个值。文字相关属性一般可继承，模型相关一般不可继承。 不可继承属性，使用inherit，*{box-sizing：inherit；} css中每个属性都有初始值，可使用initial是关键字显式重置为初始值
