这是我参与「第五届青训营」伴学笔记创作活动的第2天
一、本堂课重点内容：
二、详细知识点介绍：
-
CSS
CSS是层叠样式表，是用来表现HTML文件样式的一种语言
CSS代码构成
由选择器selector，property，属性值value以及声明块declaration构成页面中使用CSS的方法
外链 —— 通过link标签，常用方法 嵌入 内联 —— 通过style属性，不太推荐CSS如何工作
解析->DOM树
CSS选择器组
统配选择器 —— * ——选择所有 标签选择器 ID选择器 —— # —— 需要属性唯一 类选择器 —— class 属性选择器 —— [某个属性] —— $指以什么结尾CSS伪类
状态性伪类 —— a:某个状态 结构类伪类 —— li:结构关系组合
颜色维度
RGB HSL alpha —— 不透明度，值为1时不透明，值为0时透明字体
serif —— 衬线体 sans-serif —— 无衬线体 monospace —— 等宽字体（常用 字重（100-900） —— 需要字体本身支持字重变化 -
深入理解CSS
选择器 —— 特异度
继承
某些属性自动继承其父元素的计算值，当显式指定一个值时，继承显式指定的值 显示继承 —— inherit —— 将不可继承的属性转变为可继承初始值 —— initial
CSS求值过程
解析 - DOM树 - 筛选有效且可匹配的元素（声明值确认） - 选择优先属性值（层叠值确认） - 层叠值若为0进行默认设置（指定值确认） - 进行计算渲染（计算值确认） - 转换计算值为绝对值（使用值确认） - 小数值转换（实际值确认）布局
确认内容的大小和位置 依据元素、容器、兄弟节点和内容等信息来计算 布局元素 height weight padding border margin margin:auto margin collapse
三、引用参考：
- 文章中个别图片引用前端入门 - 基础语言篇 - CSS课程中的学习资料
