day15

1 结构伪类选择器

这个结构中 ： 第一个 first-child

第几个 nth-child(n)

倒数第几个 nth-last-child(n)

最后一个 last-child

只有一个 only-child

这个元素类型 第一个 first-of-type

第几个 nth-of-type(n)

倒数第几个 nth-last-of-type(n)

最后一个 last-of-type

只有一个 only-of-type

内容为空 empty

2 否定伪类选择器 ：not（）

3 属性选择器 【属性】 存在这个属性

【属性="属性值"】 存在这个属性同时值必须是给定值

【属性|="属性值"】 存在这个属性同时值里包含这个属性，必须是独立存在的必须是在开头的位置。abc-aaa

【属性^=“属性值”】 存在这个属性同时值必须是包含给定值，以这个值开头

【属性$="属性值"】 存在这个属性同时值必须是以给定值结尾

【属性*="属性值"】存在这个属性同时属性值必须是给定值，任意位置都可以

4 选择器

基本选择器 id class 标签 并集

属性选择器

伪元素选择器

:before :after :first-line :first-letter ::selection

关系选择器

后代（空格） 子代（大于号） 相邻兄弟（+） 通用兄弟（~）

伪类选择器

动态伪类选择器

目标伪类选择器

语言伪类选择器

结构伪类选择器

否定伪类选择器

UI状态伪类选择器

5 阴影

盒子阴影 box-shadow 水平偏移 垂直偏移 模糊半径 阴影扩展 阴影颜色 阴影位置

文字阴影 text-shadow 水平偏移 垂直偏移 模糊半径 阴影颜色

阴影都不会占据空间，可以设置多个，用逗号隔开

6 圆角 border-radius

圆形：宽度 高度的一半 ，50%

一个值：四个角都一样

四个值：左上 右上 右下 左下

7 背景相关

background-clip 控制背景颜色

background-origin 控制背景图片

background-size 背景图片的尺寸

一个值代表

设置图片的宽度，两个值 第一个代表宽度，第二个代表高度

可以实现等比例缩放

一个值 cover 宽度 高度只要有一个不能缩放就停止

contain 宽度和高度都不能缩放才停止

一个元素可以放多张背景图片，中间用逗号隔开，注意：谁写在前边谁在上边显示，背景颜色要放在最后的位置。