长度单位的选择器:
px 像素 绝对单位
em 相对于当前对象内文本的字体尺寸
rem 相对长度单位。相对于根元素(即html元素)font-size计算值的倍数
vw 相对单位, 相对于视口(窗口)的宽度
vh 相对单位, 相对于视口(窗口)的高度
角度单位的选择器:deg 角度
时间单位的选择器:
s 秒
ms 毫秒
颜色:
rgb(red,green,blue)
rgba(red,green,blue,opacity)
关系选择器:
E F 包含选择器(后代选择器)
E>F 子集选择器
E+F 相邻选择器(紧邻兄弟选择器)
E~F 兄弟选择器(同辈兄弟)
伪类选择器:
:first-child
:last-child
:nth-child
:first-of-type
:last-of-type
:first-of-type
:nth-of-type
:not
伪对象选择器
::after
::before
::first-line
::first-letter
新增背景属性:
background-size 设置背景图片大小
背景渐变:
线性渐变: linear-gradient
径向渐变: radial-gradient
阴影:文字阴影 text-shadow
盒子阴影 box-shadow
圆弧角度:
border-radius
案例1:太极图
过度,变换,动画:
过渡 transition
变换 transform
动画 animation