这是我参与「第四届青训营」笔记创作活动的第2天。
我在青训营的第二节课学习了关于CSS的知识，主要分为以下几个方面：
1.CSS 概述
CSS是Cascading Style Sheets层叠样式表的缩写，可以通过设置字体和颜色、设置位置和大小以及添加动画效果，来实现界面美化和布局控制。
2.在页面中使用CSS的三种方式
1）外链式：将CSS样式写在.css的文件里，通过link标签将其引入。
<link rel="stylesheet" href="style.css">
2）嵌入式：将CSS样式写在style标签里。
3）内联式：将style属性直接写入元素标签里。
<div style="width:200px;"></div>
以上这三种方法，在日常开发中，我更推荐使用外链式，它的优势相比于其他两种方式，实现了结构与样式相分离，代码结构更加清晰，相同的CSS也可以直接引用。
3.CSS 选择器
1） 通配选择器：无需调用，自动选择所有标签元素
* {color: red;}
2） 标签选择器：标签名{属性名:属性值}
3） Id选择器：以#定义，以id调用，只能调用一次
4） 类选择器：样式点定义，结构类（class）调用
5） 属性选择器：选取带有指定属性的元素
6） 伪类选择器：描述一个元素的各种状态
（1）a:link 把没有访问过的链接选出来*/
（2）a:visited 选择访问过的链接
（3）a:hover 选择鼠标经过的那个链接
（4）.a:active 选择鼠标正在按下还没有弹起的鼠标的那个链接 */
4.设置文本样式
1） font-family:字体系列
2） font-size: 字体大小，单位为px
3） font-weight:字体粗细
4） font-style：字体样式
5） text-align：对齐方式
6） text-decoration：字体装饰
7） text-indent: 文本缩进
8） line-height:设置行高
9） white-space：处理元素空白
5.CSS 工作原理
最后，是CSS的各种布局，由于我还没有理解透彻，暂时不做分享。如果想深入学习，可以参考几种常见的CSS布局 - 掘金 (juejin.cn)。
