CSS3选择器和新增属性

长度单位

px 像素 绝对单位

em 相对于当前对象内文本的字体尺寸

rem 相对长度单位。相对于根元素(即html元素)font-size计算值的倍数

vw 相对单位， 相对于视口(窗口)的宽度

vh 相对单位， 相对于视口(窗口)的高度

角度单位

deg 角度

时间单位

s 秒

ms 毫秒

颜色

单词

16进制表示法 # 6位16进制数表示

rgb(red,green,blue)

rgba(red,green,blue,opacity)

一、 关系选择器

a. E F 包含选择器(后代选择器)

b. E>F 子集选择器

c. E+F 相邻选择器(紧邻兄弟选择器)

d. E~F 兄弟选择器(同辈兄弟)

二、伪类选择器

a. :first-child

b. :last-child

c. :nth-child d. :first-of-type

e. :last-of-type

f. :first-of-type

g. :nth-of-type

h. :not

三、伪对象选择器

a. ::after

b. ::before

c. ::first-line

d. ::first-letter

CSS3新增属性

一、背景

a. background-size 设置背景图片大小

案例：多图背景

1.多背景使用时，如果背景图片后面还需要接着背景颜色，需要将背景颜色写在后面，以防被层 叠，什么都不显示

2.在多背景的使用时，一定要注意背景图片位置的错开，才能达到多背景图片的效果

3.在使用多背景完成一定的转换动画时，一定要加上过渡，不然可能没有效果

b. 背景渐变

线性渐变： linear-gradient

径向渐变： radial-gradient

二、阴影

a. 文字阴影 text-shadow

b. 盒子阴影 box-shadow

三、 圆角(弧度)

border-radius 

四、断字

text-overflow

五、过渡、变换、动画

a. 过渡 transition

b. 变换 transform 2D变换必将 3D变换 选讲

c. 动画 animation