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

[b1t]

在学前端，看了 React 、Nextjs

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

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

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

[SimonWoo]

遇事不决 position

[gitignore]

需不需要手把手教😌在线教学，红包🧧你看着给

[maxmeng936]

很简单，你只要在浏览网页时也想着怎么布局就行。遇到不会的，打开控制台看一下。

[wzy44944]

感觉 css 就不属于编程语言，顶多算是设计语言，就是给组件设置属性

[supuwoerc]

flex + grid 解决绝大多数布局，再补充问一问 gpt ，做几个页面就熟悉了

[mumbler]

还手动写？让 gpt4 写就行了

[agagega]

现在 flex 一把梭，高级点的加上 grid ，absolute 、float 这些东西都不太会用到。css 难是因为它各种属性不正交，相互之间会影响，外加浏览器会自带一些属性。但 css 好歹（大部分）是无状态的，调试起来比 js 操纵的布局容易很多。

[guxin0123]

IE6

[yanyao233]

之前也一直觉得 css 难，但实际用了之后发现现代 css 挺简单的，flex grid 布局无脑套，其他的样式看着 tailwind 文档自己挑

[oakland]

css 真的难，没什么统一的组织理论，都是零零散散，tailwind 不全能，postcss 也不全能，全靠各种拼凑。
你要说做个什么效果，那还好，但是要把整个项目组织起来，真是头大

[xrzxrzxrz]

主业是后端。如果我写 css ，那就是面向玄学，开 F12 ，各种调调调，效果对了就复制贴到代码里面。

[shanejix]

@reDesign 挺不错的 想问下开源没有

[jsq2627]

现在 flex grid 感觉已经很简单了
要想当年要兼容 IE6 的时代，用 flex 都要畏畏缩缩的

[leegradyllljjjj]

又不是不能用，业务实现就行，丑点怎么了

[kneo]

CSS 就是很难。

1. 一个效果有无数种实现。比如一个像素也有十几种常见做法，我都会。但是用哪个好？——选择障碍症自杀了。

2. 想实现一个效果，改来改去总是差几个像素。——强迫症自杀了。

3. 抄别人的实现，抄过来几百行代码，能用，但是这么多垃圾代码我不允许。删删删，小不小心效果删没了……加回来几行，好像又能用了，继续删删删。删了一晚上，妈的算了我自己写吧。——洁癖症自杀了。

3. CSS 动画，有现成的，拿过来就能用。啊，要我改个特效？——智力不足者自杀了。

4. 丑？丑是我的问题吗。让你招个设计你不招，非让老子写，说了老子不会做设计。——无产者自杀了。

[NeoChen]

不知道还有多少人记得 web 标准化的历程…blueidea 到死还是 table 布局

[Adelell]

不管啥布局，直接 position absolute 一把梭，统统写死。

[Al0rid4l]

现在的人 CSS 都不过 MDN 了吗...当年把 MDN 和 CSS 权威指南都过了一遍, 从此 CSS 简单轻松

[f14g]

感觉楼上有位专业的说的非常有道理的：flex+grid 解决大部分问题、复杂的动画问题完全可以上图片或视频，更进一步的需求则用诸如 unity 、three js 、d3 等前端库了。
综上说，“CSS 难学”真的不是做前端的一个障碍。更何况现在还有 flutter ，如果觉得 CSS 难学，完全可以用其他框架替代嘛
（ BTW ，我觉得 flutter 描述界面那个表现力还不如 X （ HT ） ML+CSS 呢）

[rowink]

建议是找个网站写，手搓博客小工具之类的，还有就是参考别人界面布局的样式，模仿着写，熟练后自然就会了