这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天
本节课的重点内容
- CSS主要作用
- CSS相关的一些基础知识
本节课重点内容思维导图
CSS主要作用
css（层叠样式表）主要是用于修饰HTML结构的，对于一个页面来说，HTML只是定义了页面的结构，但如果想要制作出美观的页面，还需要css的渲染。
-
CSS相关的一些基础知识
-
嵌入方式
css主要有三种嵌入方式，分别是外链，内联，嵌入。
-
主要的选择器
主要使用的选择器分为6类：
- id选择器
- 类选择器
- 标签选择器
- 伪类选择器，其中伪类选择器又分为两大类：状态伪类选择器（如a标签的:actived伪类选择器），结构伪类选择器（如:firstChild伪类选择器）
-
颜色
在css中，除了可以使用white等之类的颜色值，可以使用rgb（）函数来生成各种颜色的值，此外，还有HSL更加直观的让我们选择颜色值。
-
字体
使用字体时，一般需要写多个字体，主要目的是因为每个设备的内置字体有所差异，设置多个字体便于字体的备选。在字体中可以设置一些通用字体族，如：sans-serif 无衬线体，cursive手写体等，当然也可以外部引入字体，使用@font-face进行引入。
-
布局
布局总体分为三类，分别是常规流，浮动，绝对定位
-
常规流
常规流主要分为块级，行级，表格布局，flex布局，网格布局，用的最多就是flex布局与网格布局。
-
浮动
浮动主要使用的是float属性，以前常用于布局，但是表格布局，flex布局，网格布局出现以后，浮动可以回归它原始的功能，那就是文章布局中的图片环绕。
-
绝对定位
绝对定位是要分为relative，absolute，fixed，sticky,其中sticky是新增的绝对定位，主要用于置顶效果，但是relative定位也有点特殊，使用relative定位的元素依然占据文档流。
结尾
本次课主要学习css一些基础知识，css的内容很多，还需要继续学习。
