视觉暂留补间动画transition位置-平移(left/right/margin/transform)方位-旋转（transform)大小-缩放(transform)透明度（opacity)其它-线性变换（transform)关键帧动画keyframes逐帧动画适用无法补间计算的动画资源较大animation-timing-function使用steps()去掉补间

如何用一个div画XXXbox-shadow无限投影：:before：:after如何产生不占空间的边框box-shadowoutline如何实现iOS图标的圆角

box-shadowtext-shadowborder-radiusbackgroundclip-path保持原来的大小支持动画

absolute是以最近父级absolute或者relative来定位的，如果没有就以body定位z-index适用于absolute和relative属性table表格布局float浮动+margin脱离文档流，不脱离文本流BFC尽量靠上左（右）小心父级高度塌陷overflow:auto清除浮动inline-block布局自适应比较繁琐需要处理间隙代码间空白导致font-size:0fle...

字重（粗体）font-weight斜体font-style:itatic下划线text-decoration指针cursor

overflow-wrap(word-wrap)通用换行控制是否保留单词word-break针对多字节文字中文句子也是单词white-space空白处是否断行

滚动

字体字体族不需要引号字体族serifsans-serifmonospacecursivefantasy多字体fallback网络字体、自定义字体iconfont行高line-heightvertical-align基线图片缝隙问题背景颜色渐变linear-gradient多背景叠加雪碧图base64和性能优化用来少量图标上css文件增大，图片体积增加三分之一，不过减少HTTP请求数

CSS解析从右向左解析（高效）优先级不能通过数量叠加超过比自己强大的优先级!important优先级最高元素属性优先级高相同权重后写的生效

https://www.zhihu.com/question/34952563,如果看不懂我截图的大概意思，可以看一下顾轶灵前辈的回答，很清楚。问题：doctype的意义是什么让浏览器以标准模式渲染让浏览器知道元素的合法性问题：HTMLXHTMLHTML5的关系HTML属于SGMLXHTML属于XML，是HTML进行XML严格化的结果HTML5不属于SGML或XML，比XHTML宽松问题：em...