级联样式单与选择器

链接外部样式文件：这种方式将样式文件彻底与HTML文档分离，样式文件需要额外引入。在这种方式下，一批样式可控制多份文档。(使用link元素来引入外部样式文件)
导入外部样式文件：这种方式与上一种方式类似，只是使用@import来引入外部样式单。（@import）
使用内部样式定义：这种方式是通过在HTML文档头定义样式单不问来实现的。在这种方式下，每批CSS样式只控制一份文档。
使用行内样式：这种方式将样式行内定义到具体的HTML元素，通常用于精确控制一个HTML元素的表现，在这种方式下，每份CSS样式只控制单个HTML元素。
CSS选择器
元素选择器
语法格式：E{…}/其中E代表有效的HTML元素名/
属性选择器
E{…}:指定该CSS样式对所有E元素起作用
E[attr]{…}：指定该CSS样式对具有attr属性的E元素起作用
E[attr=value]{…}：指定该CSS样式对所有包含attr属性，且attr属性为value的E元素起作用
E[attr~=value]{…}：指定该CSS样式对所有包含attr属性，且attr属性的值为以空格隔开的系列值，其中某个值为value的E元素起作用。
ID选择器
语法格式：#idvalue{…}
E#idvalue{…}仅对指定元素起作用
Class选择器
语法格式：[E].classvalue{…} 对具有指定class属性的元素起作用
包含选择器
语法格式：Selector1 Selector2{…} 指定目标选择器必须处于某个选择器对应的元素内部
子选择器
语法格式：Selector1>Selector2{…}指定目标选择器必须是某个选择器对应的元素的子元素
兄弟选择器
语法格式：Selector1~Selector2{…}兄弟选择器匹配与Selector1对应的元素后面、能匹配Selector2的兄弟节点。
选择器组合
语法格式：Selector1，Selector2，Selector3…{…}{}中定义的CSS样式将会对前面李虎的所有选择器匹配的元素起作用。

伪类选择器
结构性伪类选择器指的是根据HTML元素之间的结构关键进行筛选的伪类选择器
常用的结构行伪类选择器
Selector：first-child
Selector：last-child
Selector：nth-child
Selector：nth-last-child
常用的UI状态伪类选择器
Selector link
Selector visited
Selector active
Selector hover
Selector focus
Selector disabled