CSS选择符
在使用CSS样式表对HTML页面进行优化时，需要使用css选择符来选择相应的标签，从而进行优化。
CSS选择符分为：
通配符 *
说明：选择页面中所有的标签。
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Documenttitle>
<style>
*{
/* 前期通常用来清除内填充和外边距 */
margin: 0;
padding: 0;
}
style>
head>
<body>
body>
html>
标签选择符
说明：页面中所有的标签都可以用来当作选择符。
注意：因为标签选择符是选择当前页面的所有相同标签，所以会改变所有相同标签的样式。一般用来改变标签的相同样式，或者清除某种样式。
语法：标签{
CSS样式
id选择符
语法：<标签 id="名称">
CSS引用时： #id名称{ CSS样式 }
注意：在一个页面中 ID名称 一般只有一个，不能重复。所以 ID 一般用来定义页面的结构。
类（class）选择符
语法：<标签class="名称">
CSS引用时： .class名称{ CSS样式 }
注意：页面中class名称可以重复，并且一个标签可以同时拥有几个不同得到class名称。
class选择符一般用来设置 一类的样式。
包含选择符
由于一个页面中肯定会有标签的嵌套使用，所以在使用CSS样式时，可能不会指定到想要的标签位置。所以需要一层一层的选择来确定CSS样式的位置。
语法：父元素选择符 子元素选择符{ 子元素的CSS样式 }
群组选择符
当需要对多个不同的标签设置相同的样式时使用。
语法：选择符1，选择符2，选择符3.。。。。{ CSS样式 }
注意：选择符之间用 英文的逗号 隔开
伪类选择器
选择符:link {color: red;} /* 未访问的链接状态 */
选择符 :visited {color: green;} /* 已访问的链接状态 */
选择符:hover {color: blue;} /* 鼠标滑过链接状态 */ 选择符:active {color: yellow;} /* 鼠标按下去时的状态 */ 注意：前期基本使用 ：hover{} 来做用户的交互效果。选择符的权重
当同一个标签通过不同的选择符设置了不同的CSS样式，这时就需要通过选择符的权重来决定使用哪个选择符下的CSS样式。
通常可以使用数值来确定选择符权重的大小：
id选择符的权重（0100） > class选择符的权重（0010） > 标签选择符（类型选择符）（0001）
包含选择符的权重：是多个选择符的权重之和 通配符的权重 ：0 不参与权重比较 伪类选择符的权重： 10 群组选择符： 权重不发生变化。权重不会相加，保持自身 内联样式表的权重：1000 ！important 权重是最高的 语法：加在属性值后，分号前 注意：权重如果相同的时候，写在后面的样式会把前面的样式覆盖掉