请问前端学习 CSS 有啥好的资料么

[janwarlen]

最近有点想整全栈开发，发现 js 学习还是比较容易上手，但是样式这个完全是盲人摸象 请问各位，你们在学习前端的时候，CSS 这块是咋学的？

[cheese]

去 b 站搜各大培训机构的入门视频，了解最常用的样式，别一开始就看张鑫旭，旭哥真的大佬，但是他的博客没有做体系梳理的，不适合入门，适合遇到问题的时候去看他的解决方式

[ns09005264]

个人认为的 CSS 入门速通：块级元素和行级元素的认识； flex 布局的掌握； grid 布局的掌握； Position 属性的认识；

[Leviathann]

用 tailwind 学 css

[AyaseEri]

有个概念就够了
CSS 想精通，首先你得把 PS/Sketch 等设计工具玩转了。

[uni]

我当时是看 css 权威指南，我觉得完全 0 基础的话很值得一看

[dddys]

以下是 chatgpt 的回复
当然有很多好的资料可以学习 CSS ，以下是一些我推荐的资源：

MDN Web Docs: MDN 是一个权威的 Web 开发文档网站，提供详细的 CSS 教程和参考资料，覆盖各种 CSS 属性和技术。无论你是初学者还是高级开发者，都可以从 MDN 获得极大的帮助。

CSS Tricks: CSS Tricks 是一个知名的 CSS 教程和资源网站，提供了大量有用的 CSS 技巧和实用的 CSS 代码示例。CSS Tricks 上的文章涵盖了各种 CSS 主题，包括布局、响应式设计、动画、变换等等。

W3Schools: W3Schools 是一个非常受欢迎的 Web 开发教程网站，提供了丰富的 CSS 教程和演示示例。W3Schools 的 CSS 教程适合初学者，提供了易于理解的介绍和实例，是入门学习 CSS 的不错选择。

Codrops: Codrops 是一个聚焦于 CSS 和前端设计的网站，提供了大量有趣和实用的 CSS 技巧和效果。Codrops 上的文章通常涉及到一些高级 CSS 技术，对于有一定经验的开发者来说非常有用。

CSS Grid Garden: CSS Grid Garden 是一个互动式的 CSS 布局学习游戏，可以帮助你轻松地学习 CSS Grid 布局。这是一个非常有趣和实用的学习资源，适合初学者。

希望这些资源能够帮助你学习 CSS ，祝你学习愉快！