将所有资源进一步分类,从学习基础知识到样式指南、最佳实践、有用的技巧和技巧,以及您可以学习的其他资源,以进一步扩展您的 CSS 知识。
学习资源
1.Awesome-css-learning ⭐ GitHub 星数:1k+
最好的 CSS 学习资源列表。
2.CSS-reference ⭐ GitHub 星数:4k+
CSS 参考:最流行的 CSS 属性的免费视觉指南。以cssreference.io的形式提供。
3.Magic-of-css ⭐ GitHub 星数:5k+
一个 CSS 课程,让你变成魔术师。
风格指南和最佳实践
4. CSS-architecture ⭐ GitHub 星数:2k+
8 条简单的规则,用于构建健壮、可扩展的 CSS 架构。
5. Bevacqua-css ⭐ GitHub 星数:800+
CSS:好的部分。
6.CSS-style-guide ⭐ GitHub 星数:700+
Dropbox 的 CSS 创作风格指南。
7.Airbnb-css ⭐ GitHub 星数:6k+
一种最合理的 CSS 和 Sass 方法。
Flexbox 和 Grid
8.Flex-cheatsheet ⭐ GitHub 星数:900+
带有视觉示例的 Flexbox 备忘单。
9. Flexbox30 ⭐ GitHub 星数:1k+
通过 30 条代码花絮在 30 天内学习 Flexbox。
10.Awesome-css-grid ⭐ GitHub 星数:200+
CSS 网格资源的精选列表。
11.Gridgarden ⭐ GitHub 星数:2k+
一款学习 CSS 网格布局的互动游戏。
有用的提示和技巧
12. You-need-to-know-css ⭐ GitHub stars: 4k+
面向 Web 开发人员的 CSS 技巧
13. CSS-protips ⭐ GitHub stars: 21k+
帮助您掌握CSS技能的技巧集
14. 30-seconds-of-css ⭐ GitHub stars: 15k+
满足所有开发需求的简短CSS代码片段。
15. You-dont-need-javascript ⭐ GitHub stars: 17k+
CSS很强大,没有JS你也可以做很多事情。
其他资源
16. Awesome-css-frameworks ⭐ GitHub stars: 4k+
2022年最棒的CSS框架列表.
17. Must-watch-css ⭐ GitHub stars: 4k+
一个有用的关于CSS的必看列表
18. Scalable-css-reading-list ⭐ GitHub stars: 1k+
从 The Quest for Scalable CSS 收集的调度。