学习前端中，感觉 css 最难，怎么办？

[KT0J]

Android 老码农，Flutter 三年经验。
最近在学 Web 开发。
目标是能从 0 开始独立做简单的 Web 。

感觉比起 Vue ，React ，Angular 之类框架本身(至少简单 Web 不用学的很深入)，CSS 更让我觉得困难。

我现在的难题是，一个界面，怎么布局，怎么摆，感觉很困难。
写起来很有挫折。 写一点，卡一点，查一点。

找了一些 CSS 教程，学完感觉似乎没有改善。
这种只能靠多练习？

[456789]

反正 css 我是看一次放弃一次，建议睡大觉

[Hilong]

慕课网有一个 css 教程,跟完那个走一遍,大概对体系有个了解,后面知道怎么搜索或者给 chatgpt 提问就可以了.

[id80108900]

看得我也想好好学学 CSS 了。

[ljpCN]

https://zh.learnlayout.com/
一篇学完布局，其他的 css 用到的时候再查。

[MagmaBlock]

我是开发着 Tailwindcss 的项目一边看文档一边开发一边学的。Tailwindcss 用的都是比较现代常用的样式，而且归类归的很好，多翻翻文档就能了解各自样式应该用什么了。然后他文档也还提供了对应的 CSS ，了解怎么实现之后就只需要写相应的 CSS 了

[KT0J]

@Lesenelir
@taotaodaddy
@MagmaBlock
@Lesenelir
看了看 Tailwindcss ，救星啊。赶紧学起来。

[taotaodaddy]

@KT0J 和你感觉一样,当初就觉得 tailwind 是救星
如果不是做很深入的实现,一开始只学 tailwind 的类名使用就可以了,特别适合我这种半瓶水上手;
后来慢慢的,通过观察鼠标移到类名上浮现的原生 css 定义,开始扩大对原生 css 的学习,这种结合实效的学习比较不容易枯燥;
然后又了解了定位(静态,相对,绝对,固定,粘性),了解布局(块,行内,浮动,网格,弹性),这下就对整体性有了新的把握;
再往后在 taildwind 实现的不够灵活完美的地方,开始写一些 style(非常少)作为 tailwind 的补充.

[duan602728596]

因为你没学过啊，所以难啊。就像现在如果让我去开发 android 我也觉得难啊，因为我不会啊。
以前干前端的都是拿着 PS ，切过各种页面的，肯定对 css 有一些理解啊。

[Al0rid4l]

看来很多人没耐心刷完 MDN 的 CSS reference...

[weeshin]

@Al0rid4l 个人感觉刷完这个没啥用，CSS 重要的是心智模型，要清楚地知道现在的布局模式，以及在该模式下各种属性的用法😂