这是我参与「第五届青训营」伴学笔记创作活动的第2天。
一、本堂课重点内容：
- CSS基本概念
- 选择器的介绍
- 颜色及字体
- CSS求值过程
- 布局
二、详细知识点介绍：
- CSS基本概念
- CSS用来定义页面中元素的样式，包括字体、颜色、位置、大小及动画效果等
- 选择器的介绍
- CSS通过选择器实现对HTML中各个元素的控制。在课程中介绍了诸如通配选择器，标签选择器，id选择器，类选择器，属性选择器等等。注意对于一个元素的相同属性描述，下面的会覆盖掉上面的属性描述，因此在对元素的选择中要注意书写顺序
- 颜色及字体
- RGB&HSL：用不同含义的参数调配颜色。RGB指的是Red、Green、Blue对应的三个0-255之间的数值；HSL表示色相（Hue）0-360、饱和度（Saturation）0-100%、亮度（Lightness）0-100%。同时介绍了alpha透明度，可直接当做第四个参数写入
- 常规字体的使用方法此处不再赘述，课程中提到了两点：对于使用字体建议在最后写上通用字体族（以免前面的字体解析失败），英文字体在中文字体之前（部分中文字体会含英文字符）
- CSS求值过程
- 简而言之是四步：确定声明值——层叠冲突——使用继承——使用默认值。然而这种简单的概括是不能把CSS求值过程表明清楚的，除了找文章来看之外，我认为老师课上PPT中那张图片其实把过程描述的很精炼，在笔记里就不贴出来了
- 布局
- 在课程中主要介绍了flex布局和grid布局，flex 布局是一维布局，grid 布局是二维布局
三、个人思考和总结：
- 课程时间有限，仅靠课程中介绍的内容就完全掌握CSS是不现实的，我因为在报名之前对三件套都有一定程度的了解，能理解老师在课程最后所说要我们保持好奇并不断学习的良苦用心
