推荐以下两篇，就可以学个七七八八了：
1.CSS 设计指南 学习笔记 一
2.CSS 设计指南 学习笔记 二
目前还有欠缺的内容，补充在下面：
- 块级，与溢出。
- calc，计算表达式。
- BEM的CSS命名方式 学习链接
- Emmet快速编码法 链接 补充链接2
- max-height，max-width
- transition，transform，
- color，text-decoration，text-transform，
- keyframes(AnimationName)，
- touch-action，cursor，user-select，
- ::after伪元素的content采用attr。
特殊效果示例：
- 向下的虚线效果
.process-3:before { content: ''; position: absolute; height: 100%; width: 1px; left: 1.85714286em; top: 0; border-left: 1px dashed #ddd; } - 文字采用图片作背景效果
.mining-text, .mining-normal-text, .mining-turbo-text { line-height: 3em; background: linear-gradient(to bottom, #cfc09f 22%,#634f2c 24%, #cfc09f 26%, #cfc09f 37%,#ffecb3 50%,#3a2c0f 98%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #fff; position: relative; text-transform: uppercase; margin: 0; font-size: 2.8em; font-weight: 600; }
题库示例：
262
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
