web开发技术发展，CSS全局样式

▍CSS 相关

● 1

---

CSS Battle - 在线比拼 CSS

---

https://cssbattle.dev

在线比拼 CSS ，一个挺有趣的竞争性游戏，一共有12个级别，需要你用 HTML和 CSS 100%还原它给出的页面，然后再尽量减少代码，你也可以查看全球的排行榜，看解决方案。

● 2

---

Learn CSS layout - 学习 CSS 布局

---

http://learnlayout.com

在线CSS布局学习，它会一步一步引导初学者学习 CSS 基础知识，在实践中帮助初学者掌握好 CSS 的布局知识，改善初学者对 CSS 的编写习惯和正确方法。

● 3

---

Flexbox Froggy - 学习 Flex 布局的小游戏

---

http://flexboxfroggy.com

一个引导式的学习 Flex 布局的游戏，用 flex 布局让青蛙跳到荷叶上就算完成，游戏里面几乎包含了所有常用的属性，这样学习起来很有趣嘞，形象好记忆，谁要是 Flex 布局还不熟的话，在这多练练。

---

● 4

---

EnjoyCSS-在线CSS代码可视化工具

---

https://enjoycss.com

在线版的 CSS3 代码生成工具，基于可视化操作，能快速无编码的环境下调整网页效果和图形样式。就像是在本地使用 PS 或 AI 软件一样。

● 5

---

CSS-Tricks - CSS 技巧

---

https://css-tricks.com

这个网站不断的在更新一些关于 CSS 的技巧优秀的教程和技巧，每天都会更新文章。

● 6

---

Neumorphism-实现新拟态效果

---

https://neumorphism.io