css 好难，你们怎么熟练把 css 用起来的？

[b1t]

在学前端，看了 React 、Nextjs

又边看 Tailwind CSS 的文档边写点东西

但是 css 是来回调试，经常不生效，或者位置奇奇怪怪

css 有什么固定套路可以用吗？
你们怎么度过的这个阶段？

[cgpiao]

现代的 CSS 多简单，又不考虑远古，远古 float 是恶心到极致。
flex 就能搞定 99%的布局问题，其他的就属于元素个别样式了。

[zwpaper]

简直是深有体验。。。和 op 一样，也是想着直接上手，项目里学习，结果发现 css 这玩意就是 op 总结的，要不不生效，要不就各种奇怪，感觉还是没用对方法

[jqtmviyu]

flex 和定位能解决 99%的问题.
然后就是 css 三大特性, 层叠(覆盖), 继承, 优先级(权重)

[dj721xHiAvbL11n0]

那我建议你还是拿主题改，这样更好，不然兴趣都磨光了

[AirCrusher]

@reDesign 这个好酷，请问导航栏动效是怎么实现的呢

[Ritter]

月经贴了

[freezebreze]

直接 tailwindcss 边用边学习 css 知识 用过都说好

[Ashore]

flex 就够用了

[4Et5ShxMIq58n6Lr]

你这才刚入门就难，想学的深入就更难了！

[abcdxe2v]

css （的深入）是前端最难的东西。
“css 是来回调试，经常不生效，或者位置奇奇怪怪” 正常，99%的前端都不知道一个属性到底为什么造成了某个奇怪的效果/位置。真想理解得看这个东西 https://drafts.csswg.org/ ，太乱了。

[NerbraskaGuy]

CSS 最大难点是吃经验和很多反直觉的遗留问题，新手不要先想着兼容 ie 那些了，最快方法应该就是找现成的例子仿写。

[WhateverYouLike]

边做边学不一定是个好办法，因为低水平重复调试会浪费时间，最起码掌握了百分之七八十之后边做边学才比较有效果。

[coolmint]

tailwind 教程看看直接就开始一把梭了，直接项目中用，遇到问题就 gpt 或者翻翻文档，实战下来没啥问题，普通的 css 就算之前学过现在也不是什么都记得了。

[xuhai951753]

https://devv.ai/zh 直接问你要什么效果，直接出码。
所以重点还是在于你要知道 css 大概能做到怎样的效果

[walker1024]

招个熟练 CSS 的

[libasten]

先找个架子，然后现在搜索，现在是问 ai

[lianxiben]

多写，多踩坑，没有捷径的

[seven123]

tailwindcss

[DT27]

要学会 F12 开发者工具排查。

[codehz]

@murmur 但是 flex 有 Safari 的各种 bug （布局尺寸改变相关）
然后导致很多抽象失效，因为单独测试的时候都是好的，组合起来 safari 就炸了 （ flex in flex
@Puteulanus Safari 还真的可以出现 devtools 里给出的框是正确的，但渲染出来就是炸的情况，还能在 devtools 打开后（因为改变了页面宽度导致 reflow ）自动恢复，有时候真的只能换个布局（）