关于CSS，系统学习的路程

推荐以下两篇，就可以学个七七八八了：

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; }

题库示例：

• 有趣的CSS题目（16）： 奇妙的 background-clip: text
• 有趣的CSS题目（1）： 左边竖条的实现方法
• 有趣的CSS题目（9）：巧妙实现 CSS 斜线
• HTML+CSS提升小实战
• html-css练习题（系统提示，对话框）
• CSS试题
• HTML+CSS的练习之网上书城主页面的实现
• 15个实用的CSS在线实例教程
• CSS网页制作:有趣的案例剖析
• 纯CSS3，实现动态效果，实现合集
• 推荐一个有意思的练习CSS选择器的网站：推荐
• 从茫然，一步一步，到精通CSS选择器的游戏
• CSS 实例
• CSS 测验