一、属性：通过属性的复杂叠加才能做出漂亮的网页
二、选择器：通过选择器找到对应的标签设置样式，选择器的作用是：选择对应的标签，为之添加样式
1》标签选择器：根据标签签名找到标签
div{
color: red;
}
2》类选择器：
.one{
color: yellow;
}
3》id选择器：
#main{
font-size: 40px;
}
4》并列选择器：
div,.one{
color: yellow;
}
5》复合选择器：
div.one{
color: blue;
}
6》后代选择器：
div p {
color: green;
}
7》直接后代选择器：
div>p {
color: green;
}
8》相邻兄弟选择器：
div+p {
color: red;
}
9》属性选择器：
div[name]{
color: red;
}
div[name=“jack”]{
color: red;
}
10》伪类：
:active 向被激活的元素添加样式
:focus 向拥有键盘输入焦点的元素添加样式
:hover 当鼠标悬浮在元素上方时，向元素添加样式
:link 向未被访问的链接添加样式
:visited 向已被访问的链接添加样式
:first-child 向元素的第一个子元素添加样式
:lang 向带有指定lang属性的元素添加样式
11》伪元素：
:first-letter 向文本的第一个字母添加特殊样式
:first-line 向文本的首行添加特殊样式
:before 在元素之前添加内容
:after 在元素之后添加内容