转义字符+伪类选择器+伪元素选择器

一、转义字符

某些字符具有特殊意义，无法直接显示，需要转义
空格： 
具体看任务文档明细

二、伪类选择器

可以理解为描述元素的某种状态
常用伪类
：hover 鼠标覆盖在元素上
：active 鼠标在元素上并按下左键
：link 元素链接点击前的样式
：visited 元素链接点击后的样式
：focus 获取焦点的样式
：checked 选中 (用于 audio vedio)
：first-child 第一个子级
：first-of-type 特定的第一个子级
：last-child 最后一个子级
：last-of-type 特定的最后一个子级
：nth-child（n） 第N个子元素
：nth-of-type（n）指定类型的第N个子元素（推荐）
：nth-last-type（n）倒数第N个子元素
：nth-last-of-type（n）指定类型的倒数第n个子元素

三、伪元素选择器

可以理解为某个元素的子元素，但不存在于HTML中
::after 元素后的内容
::before 元素前的内容
::first-line 文本的第一行样式
::first-letter 文本的首字母，只用于块元素
::placeholder 表单的提示文本

四、兄弟选择器

h1+p{} 紧邻h1后边的元素

五、同级选择器

h1~p{} 同级元素（h1后边的）

六、属性选择器

1、[属性名]{}
2、标签名[属性名=“”]{}

七、background

background-clip 将背景图片做适当的剪裁
background-origin 决定图片的原始位置

八、蒙版：mask-image (考虑兼容问题）

-webkit-
-moz-

九、阴影：

1、box-shodow
box-shodow：1px ipx 5px red;
横向偏移，纵向偏移，模糊距离，颜色
2、text-shadow