我如何提高 CSS 水平

大家好👋，今天我想与大家分享我做的一件（很多）让我对 CSS 产生兴趣的事情。

刚开始学习 CSS 的时候，我想把学到的东西付诸实践。但我的设计能力很差，所以虽然想用 CSS 做一些布局和设计，却苦于没有灵感。现在回想起来，或许我应该选一个网站，然后照搬它的设计和布局🤷，但作为一个初学者，我觉得这确实有点吓人。

那么我是如何做到的呢？

有一天，我在 YouTube 上看到一个视频，里面的开发者们互相挑战，玩一个叫做“CSS Battle”的游戏。CSS Battle 是一个网站，里面有各种纯粹用 CSS 设计的“艺术作品”，他们为你提供调色板，你所要做的就是用尽可能少的字符重新创作设计。

我觉得这看起来真有意思，我喜欢有趣的谜题/挑战，所以就试了一下。我不太在意得分多少或用多少字符，只是想写点 CSS。

我记得，我花了一整天时间在那个网站上，尝试重新创作不同的设计（CSS 艺术？）。我觉得，我学到了很多关于定位、伪元素、变换以及其他各种我从未听说过的 CSS 属性的新知识。但我觉得，让我留在那个网站上的原因是，我试图让设计 100% 匹配（但这从未实现过😥）。

我推荐那些正在苦苦寻找让 CSS 坚持下去的方法的人，尝试一下CSS Battle。我至今仍在用解决 CSS Battle 时学到的“技巧”来完善我的项目。

如果您读到这里，感谢您的阅读，这里有一个大心形送给您，它是使用一个div伪元素创建的。

如果您想与我联系，请随时通过Twitter与我联系。