这是我参与「第四届青训营」笔记创作活动的的第2天
什么是CSS
CSS全称是Cascading Stylesheets(层叠样式表)，CCS和html一样不是编程语言，它的作用hi告诉浏览器怎么制定样式、布局等。因为html布局功能很有限，这就需要CSS进行修饰。CSS是用来定义页面元素的样式，它可以，设置字体和颜色、设置位置和大小，添加动画效果。
CSS的构成
CSS包括这几部分组成，首先是选择器，选择哪个标签，然后是属性，设置这个标签哪个属性，“white”属性值，吧这个属性设置成属性值，可以不打分好，最好都写分号。
如何shiyongCSS
有三种方法
有外链、嵌入、内联三种方法。
这是嵌入的方法，将h1的 标题字体颜色设置成黄色，将字体设置为24磅，将p标签颜色设置成灰色，字体大小设置为14磅，将行间距设置为1.8磅。
CSS如何工作
首先是浏览器加载html，解析html，建立DOM树，解析html 的同时，加载CSS，解析CSS，添加样式到DOM树中，生成渲染树，最后展示界面，
选择器
选择器可以按这三种方法分类。
还有一种是通用选择器，它会将所有的元素都会设置，前面会有一个星号，如下图所示：
用id当做选择器，id犹如标签的身份证，每个标签的id都是唯一的，我们给标签设置id，来唯一对应标签，标签选择器如下图：
类可以出现多次，类就是将许多标签归结为同一类，类选择器设置效果如下图：
也可以通过伪类，伪类就是基于标签和属性定位元素
几种常见的伪类如下图，状态性伪类是处于某一特定的状态下才会被选中，比如链接，链接是link表示链接，visited表示访问过，hovor表示鼠标悬停在上边，active表示鼠标按下去之后，focus表示输入框
还有结构伪类，结构伪类就是dom节点根据dom树的位置决定是否选择这个元素。first-child表示第一个子孩子，last-child表示最有一个子孩子。
遇到多个标签时会有组合，如下图，后代组合就是B在A元素里面，无论A，B相隔多远，都会被选中，亲子组合必须是直接的标签。兄弟选择器表示同级下的选择器，相邻选择器是紧跟在前一个标签的组合。
选择器组
选择器组是多个标签之间用逗号隔开，统一设置下图。
颜色
任何一种颜色都可以通过红绿蓝三种颜色表示，控制三种三色的百分比，就可以显示不同的颜色，如果都是0，是黑色，如果都是最大的，就是白色。
rgb（143，173，135）表示这三种颜色的百分比，用16进制表表示就是#8fac87。
RGB三种颜色表示发有一个问题，就是无法看到一种颜色的时候，无法看出三种颜色的百分比，这时候就用HSL的方法表示。用色相，饱和度、亮度这三种属性表示。
