18 个 GitHub 代码库助你成为 CSS 高手🎨🧙♂️
前段时间我写了一篇关于掌握JavaScript所需代码库的文章。文章反响很好，所以我决定再写一篇关于CSS 的续篇。
我已经将所有资源进一步分类，从学习基础知识到样式指南、最佳实践、实用技巧，以及您可以学习的其他资源，以进一步扩展您的 CSS 知识。
学习资源
1. Awesome-css-learning
⭐ GitHub 星标数：1000+
micromata / awesome-css-learning
一份精简的CSS学习资源清单，仅包含最佳CSS学习资源。
最佳CSS学习资源列表。
2. CSS 参考
⭐ GitHub 星标：4000+
jgthms / css-reference
CSS 参考：最常用 CSS 属性的免费可视化指南
CSS 参考：最常用 CSS 属性的免费可视化指南。
可通过cssreference.io获取。
3. CSS的魔力
⭐ GitHub 星标数：5000+
adamschwartz / magic-of-css
一门能让你成为CSS魔法师的课程。
一门能让你成为CSS魔法师的课程。
风格指南和最佳实践
4. CSS架构
⭐ GitHub 星标数：2000+
jareware / css-architecture
构建健壮、可扩展的 CSS 架构的 8 条简单规则
构建健壮、可扩展的 CSS 架构的 8 条简单规则。
5. Bevacqua-css
⭐ GitHub 星标数：800+
CSS：精华所在。
6. CSS 样式指南
⭐ GitHub 星标数：700+
Dropbox 的 CSS 编写风格指南。
7. Airbnb-css
⭐ GitHub 星标数：6000+
一种较为合理的CSS和Sass实现方法。
Flexbox 和 Grid
8. Flex 速查表
⭐ GitHub 星标数：900+
yoksel / flex-cheatsheet
📖 Flexbox 速查表
Flexbox 速查表及示例图解。
9. Flexbox30
⭐ GitHub 星标数：1000+
samanthaming / Flexbox30
30天学会Flexbox，只需30个代码小技巧✨
30天学会Flexbox，只需30个代码小技巧。
10. Awesome-css-grid
⭐ GitHub 星标数：200+
valentinogagliardi / awesome-css-grid
精选的 CSS Grid 资源列表
精选的 CSS Grid 资源列表。
11.网格花园
⭐ GitHub 星标数：2000+
Thomaspark /网格花园
一款学习 CSS 网格布局的游戏🥕
一款用于学习CSS网格布局的互动游戏。
实用技巧和窍门
12.你需要了解的 CSS
⭐ GitHub 星标：4000+
l-hammer /你需要知道的 CSS
💄面向网页开发者的CSS技巧~
面向 Web 开发人员的 CSS 技巧
13. CSS小技巧
⭐ GitHub 星标数：21k+
AllThingsSmitty / css-protips
⚡️一系列助你提升CSS技能的技巧🦾
一系列帮助你提升 CSS 技能的技巧
14. 30秒CSS
⭐ GitHub 星标数：15k+
Chalarangelo / 30秒CSS教程
满足您所有开发需求的简短 CSS 代码片段
满足您所有开发需求的简短 CSS 代码片段。
15.你不需要 JavaScript
⭐ GitHub 星标数：17k+
CSS 功能强大，无需 JS 也能完成很多事情。
其他资源
16.超棒的 CSS 框架
⭐ GitHub 星标：4000+
troxler / awesome-css-frameworks
2024 年最棒的 CSS 框架列表
2022年最优秀的CSS框架列表。
17.必看 CSS
⭐ GitHub 星标：4000+
AllThingsSmitty /必看 CSS
🔥 不容错过的 CSS 讲座 ⚡️ 涵盖 CSS Grid、Flexbox、自定义变量、性能优化、框架、Sass、工具等等！🚀
一份关于 CSS 的必看演讲清单。
18.可缩放 CSS 阅读列表
⭐ GitHub 星标数：1000+
davidtheclark /可缩放 CSS 阅读列表
收集自《探索可扩展 CSS》的报道
收集了《探索可扩展 CSS》中的一些文章。
写作一直是我的爱好，帮助和激励他人让我感到快乐。如有任何疑问，欢迎随时联系我！
请在Twitter、LinkedIn和GitHub上关注我！
访问我的博客，阅读更多类似文章。
文章来源：https://dev.to/madza/18-github-repositories-to-become-a-css-master-lab