书写位置

行内：`<div style="width: 100px; height: 100px;">行内</div>`（避免出现行内写法，后期维护麻烦）
内联：在header中写，用style标签写样式
外链：在header中写，用link标签链接外部CSS样式

普通选择器

id选择器：#      （id：元素的唯一标记）
class选择器：.   （class：给元素一个类名，可以重复，可以多个）
标签选择器    （尽量避免使用）
空格 后代选择器
> 子代选择器
, 并集选择器
* 通配符选择器 表示所有
+ 相邻兄弟选择器
~ 兄弟选择器
[属性名="属性值"] 属性选择器（不常用）

伪类选择器

:first-child     选中的所有元素中的第一个，必须时是第一个子元素
:first-of-type   选中的所有元素中的第一个
:last-child      选中的所有元素中的最后一个，必须时是最后一个子元素
:last-of-type    选中的所有元素中的最后一个
:nth-child(n)    取出满足条件的元素，并且是第n个子元素
:nth-of-type(n)  取出满足条件的第n个元素
:not(其他选择器)  除了not()条件选中的元素不显示，其他的正常显示
:visited  表示访问过的超链接（历史记录中有的）
:link     表示未访问过的超链接
:active   当鼠标按下，为松开时的样式
:hover    当鼠标移上时改变样式
:root 选择器，用来选择文档的根元素