CSS 层叠样式表
网页是多层的结构，通过CSS为网页的每一层设置样式
CSS用来设置网页中元素样式(外在展示效果)
使用CSS来修改元素样式：
第一钟方法：内联样式、行内样式
在标签内通过style属性来设置元素样式 通过 "需设定样式 : 设定值"的形式
多个元素样式通过 ; 进行分割
(不常用，不好维护)
第二种方式：内部样式表
在head标签中加入一个style标签，通过style标签进行整体样式设置
需要修改哪种标签就使用 标签名{} 的形式进行设置
方便复用
问题:只能对一个网页起作用，不能跨网页复用
第三种方法：外部样式表
通过对 文件名.CSS 的引用，进行样式设置
CSS文件写法和内部样式表相同
通过在head种加入 link 标签进行CSS文件引用
形式 <link rel="stylesheet" href="地址">
CSS基本语法： 注释 /**/ 选择器、声明块 选择器：选择页面中指定元素 声明块：通过声明块来指定元素样式
选择器： 1.简单选择器
元素选择器：通过标签名来选中指定元素
id选择器：通过id属性值来选中一个元素（唯一性）
语法：#id属性值{}
类选择器：通过class属性值来选择元素（可多个）
语法：.class属性值{}
且一个标签可以有多个class值 class="值1 值2" 用空格隔开
通配选择器：选择整个页面
语法：*{}
2.复合选择器
交集选择器：选中复合多个条件的元素
语法：选择器1选择器2选择器3{}
注意：如果有元素选择器，元素选择器必须在开头位置
并集选择器：（选择器分组）同时选择多个选择器对应的元素
语法：选择器1,选择器2,选择器3{}
3.关系选择器
子元素选择器：选择父元素的子元素
语法：父元素>子元素{}
后代选择器：选择元素指定后代元素
语法：祖先 后代{} (空格连接)
兄弟选择器：选择同父元素的兄弟元素
语法 ：1、 元素+兄弟元素{} (指定兄弟元素)
选择下一个兄弟元素
2、 元素~兄弟元素{}
选择下边所有兄弟元素
4.属性选择器
通过属性进行选择：
[属性名] 选择含有此属性的元素
[属性名=属性值] 选择含有指定属性且属性值相同的元素
[属性名^=属性值] 选择含有指定属性且以此属性值开头的元素
[属性名$=属性值] 选择含有指定属性且以此属性值结尾的元素
[属性名*=属性值] 选择含有指定属性且含有此属性值的元素
5.伪类选择器
伪类用来描述一个元素的特殊状态
比如：第一个子元素、最后一个子元素，被点击的元素、身边移入的元素等等
伪类部分使用： ( : 开头)
:first-child 第一个子元素
:last-child 最后一个子元素
:nth-child() 选中第n个子元素
特殊值：n 前n个
2n或even 偶数个
2n+1或odd 奇数个
以上伪类元素是根据所有子元素进行排序
:first-of-type、:last-of-type、:nth-of-type()
和上面功能类似，但是是在同类元素中进行排序
:not() 将符号条件的元素去除
对于超链接的伪类使用：
:link 表示没访问过的连接 （正常链接）
:visited 表示访问过的链接
:hover 表示鼠标移入状态
:active 表示鼠标点击状态
（前两个超链接专用，后两个非专用）
6.伪元素选择器
以 :: 开头，表示特殊元素（不存在元素）
::first-letter 表示第一个
::first-line 表示第一行
::selecttion 表示鼠标选中内容
重点：before、after
::before 表示在开头前进行操作
::after 表示在结尾进行操作
before、after 需要和 content 连用；content用于在这两里面进行操作
