CSS3应知应会

CSS3

兼容手册：http://www.runoob.com/cssref/css3-browsersupport.html

兼容写法：
-moz-: 代表Firefox 浏览器私有属性
-ms-: 代表 IE 私有属性
-webkit-: 代表Safari、Chrome 私有属性
-o-: 代表Opera 私有属性

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;

新增样式:圆角、阴影

border-radius: 20px; box-shadow: 10px 5px 4px red;

渐变背景色、断点换行、开发者自备字体

线性渐变：linear; background: linear-gradient(90deg,red 10%, green 100%);
径向渐变：radial; background: radial-gradient(red 10%, green 100%);

边框背景：位置、裁剪、尺寸

css3选择器

形状变换：transform; 过度动画：transition;

animation动画

动画关键帧：@keyframes demoMove {…}

columns多列布局

弹性盒子：display: flex;

媒体查询

浏览器渲染原理