CSS | 青训营笔记
这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
（仅供自己参考，技术点请看字节整理的资料和相应官方技术文档）
这是前端入门 - 基础语言篇系列里的第1篇《CSS》
关注我项目细节要用到的
1. 本堂课重点内容：
1.1 课程介绍
CSS 作为前端技术栈中关键一环，对页面元素及样式呈现起到了直接作用。本节课旨在通过对 CSS 的工作流程及原理、页面中 CSS 使用方法等详细解读，帮助前端新手建立对 CSS 的全面而深刻的认知。
在了解 CSS 基本原理后，本节课进一步深入讨论，通过具体案例对于选择器的特异度展开讲解，在此基础上进一步引出 CSS 继承与布局的话题，对其定义及相关技术分别作出介绍。
1.2 课程重点
- CSS 代码构成
- CSS 使用方法
- CSS 流程之选择器组、文本渲染
- 调试 CSS
- CSS 选择器的特异度
- CSS 继承
- CSS 求值过程解析
2. 详细知识点介绍：
2.1 CSS是什么
-
通配选择器
-
标签选择器
-
id选择器
-
类选择器属性选择器
-
伪类
- 不基于标签和属性定位元素
- 几种伪类：状态伪类、结构性伪类
字体相关属性：
font-family, 通用字体族、Web Fonts、font-size、line-height、text-align、spacing、text-indent、text-decoration、white-space
font: style weight size/height family
2.4 调试CSS
2.5 选择器特异度
2.6 继承
2.7 CSS求值过程
三、实践练习例子：
- 有什么实践举例帮助理解知识点？
四、课后个人总结：
-
本章有什么知识点不容易掌握？
-
做项目中的查漏补缺
rem, em 和 px：zhuanlan.zhihu.com/p/94369298
像素（px）：固定的像素，用于元素的边框或定位。
em/rem：倍值（em相对于父元素，rem相对于根元素）用于做响应式页面，不过我更倾向于rem，因为em不同元素的参照物不一样（都是该元素父元素），所以在计算的时候不方便，相比之下rem就只有一个参照物（html元素），这样计算起来更清晰。
五、引用参考：
- 我参考了哪些外部博客/笔记/文章？
- 文章中有什么地方是我参考引用了外部博客/笔记/文章的？
