千里之行，始于足下

查询工具 ( https://caniuse.com/ )；-XXX-兼容 ( 前缀针对不同内核的浏览器 ) ；META兼容 ( meta强制解析模式 )；HACK兼容 ( 老版本IE6 7 8 9浏览器 )

鼠标，轮廓线，滤镜，堆叠层级

透明度（只影响元素的背景不影响其中的内容），过渡，动画，渐变（线性渐变、重复线性渐变，径向渐变、重复径向渐变，锥形渐变、重复锥形渐变）

变换：空间概念，平移，旋转，缩放，倾斜，案例（六面骰子，旋转照片）

定位：默认定位，相对定位，绝对定位，固定定位，粘性定位

背景：颜色，图像，平铺，定位，裁剪区域，缩放，开始区域，滚动方式；mask 遮罩层，clip-path 剪切路径

盒子模型：宽度，高度，内边距，外边距，边框，圆角，阴影，溢出，浮动，外边距合并问题，子元素外边距传递塌陷问题，浮动塌陷问题

文本：颜色，大小，字体， 样式，加粗，下划线， 阴影，大小写变换，缩进，水平对齐 、垂直对齐，溢出，换行 、截断 、空白符，单词间隔 、字母间隔，行高，排布，字体图标 、字体引入

css中声明变量，以及变量的使用；root伪类选中根元素，在其中定义变量

优先级：id选择器 > 类选择器 > 标签选择器 > 通配符选择器；后代选择器 直系选择器； :first-of-type :nth-of-type(2n) :last-child :link :visited :hover :active :disabled :checked；::after ::before ::selection ::first-letter ::first-line ::placeholder