要想写出优美的 CSS 作品，想象力固然很重要，然而基础也是不可忽略的。相信大部分人怕写 CSS 的原因是被它庞大的基础知识体系给吓到了，在此笔者推荐一个叫freecodecamp的网站，通过闯关的方式来学习前端三剑客，用它入门 CSS 是最佳的选择！

当你成功地入了门之后，便可以开始探索 CSS 的全貌了。本文是 CSS 属性的速查表，配合在线 API 文档使用即可

前言

CSS 是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非常有帮助；同样地，一旦笔者发现一个制作精良的网站，也会将网站上那些吸引人的元素仔细审查一遍，灵感也自然就有了。

演示网址 1：codepen

演示网址 2：shiroi

源码地址：github

本文的技巧将不会止步于 72 个。灵感不息，创作不止。

工欲善其事，必先利其器。