"2023年怎样学 CSS？"

很多工程师对 CSS 都很头疼，没有系统的学习。我的一个学生这样问到：
“老师好，关于您讲的内容我很喜欢，关于react和js方面的内容都能理解并明白您写的好处和优点。

但是关于css，一直是我的短板，我起初认为css并不是很重要，觉得它很简单。但现在越发感觉css如果写得好可以省却一大部分的时间和精力。这是我入行来的到现在一个严重的问题。

我想请问老师如何学好css呢？”

我的 CSS 水平也相当一般，但是从实用角度来说，多少能写一些美观的网站，说一点参考意见：

* 先掌握基础，属性能看懂，这里我推荐 MDN 的文档，简单易懂容易上手，先都跑一遍，当然后面的作业有点过时，但是还是可以做的 https://t.co/A16X6umU71，如果有更好的入门教程，欢迎大家在留言中推荐。

* 学习 Tailwind.css, https://t.co/dnXXDaYxEP 这步好多人都认为没有必要，但是我是从学习的角度来看的，我觉得 tailwind.css 能从另外一个维度帮你巩固基础知识，学习各种布局的方式，让你更深刻的掌握基础属性。

* 完全仿写一些站点的样式，可以自己写，然后对比对方的实现，从简单的开始，比如博客, 推荐 wordpress 的最新的经典默认主题：
https://t.co/I06rI1ellb
再到复杂一点的，tailwind.css 的一个主题：
https://t.co/UxEKnIzc37

特别注意一些细节：响应式，暗黑模式，CSS 变量的设计，都写完以后就可以出师了。

最后，假如你本人关注 UI 设计，关注色彩搭配，关注细节那么会学的更快，会主动的搜集设计，搜集不同的 CSS 效果实现，搜集各种模版。

点击图片查看原图

点击图片查看原图

点击图片查看原图