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

在学前端，看了 React 、Nextjs  

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

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

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

都 2024 了，不需要做 IE 兼容性，不要求你背八股文写各种奇奇怪怪的 hack ，有 flex 布局，直接源生支持--var 和 calc

搭配 ai 加成和各种工具，比如专门做阴影、渐变的

学不会就是菜，难什么，你没好好学而已

刚好也在用 nextjs 和 tailwind 搞博客，放一个链接在这，https://www.augusts.me 。
我的答案就是先用起来，边解决问题边熟练。就像学习 office 一样，看完《 word 操作大全还是不会用 word 》，能解决自己需求就好了。

我现在前段的状态就是，你让我微调边距，字体，样式都还行。

但你让我搞布局，我想上吊...

可以快速把《响应式 Web 设计 HTML5 和 CSS3 实战(图灵出品）》（俗称瓢虫书）看看，我当时是用它入门的。
然后把阮一峰老师的 flex 和 grid 布局文章都看看，就可以莽了

当时因为 CSS 放弃了前端，实在是整不会

我亦无他，惟手熟尔。我当年是这么学习，一比一绘制 https://m.jd.com/的 html 、css 。上面图片保存下来；然后是 CSS 动画，过渡。可以开发者工具看它怎么写的

谷歌的教程，还算写的很好的 https://web.developers.google.cn/learn/css

沒，順其自然就會了，然後越用越熟練，哪裏不會查哪裏，多看文檔。

我以前也纠结 css 各种兼容和布局，后来发现，只要用 Twitter 出品的框架 bootstrap ，就不用那么麻烦