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

[b1t]

在学前端，看了 React 、Nextjs

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

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

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

[Leon6868]

布局需要多练习，先拆解别人的布局方案，然后尝试对着设计稿复现

[me1onsoda]

为什么好多后端 boy 都很难上手 css🤣

[xlzyxxn]

可以先练习使用 css 连接数据库，熟悉之后就可以写写布局，动画了

[dif]

这玩意属实玩不转，学 scala 、go 、python 、java 都没这么难。反正就是各种尝试。最关键的，项目还是 scss 。

[chengxy]

Tailwind CSS 并不能提升你的 CSS 技能

[draguo]

因为 CSS 是没有逻辑可言，推荐看一下这个 https://zhuanlan.zhihu.com/p/29888231 ，反正我是因为 css 放弃前端的

[morizawatt]

多写就背下来了，我是设计，自学的 html 、css ，js 学不了一点...

从改网页模版开始学的，然后自己设计、敲代码搭了个人站

也是三四年前了，现在网页端刷知乎摸鱼用最多的是 display:none😗

[lycpang]

熟能生巧吧。。。做得多了自然就懂了，就是多个样式之间的关联关系，出了问题自己搞不定就问 chatgpt ，只要你描述的够清楚，他就能一下吧 css 全给你搞定

[lycpang]

@lycpang 所以，你怕 chatgpt 么，，如果你连 css 都不会，chatgpt 真的能取代你。

[CHTuring]

Grid 布局： https://www.joshwcomeau.com/css/interactive-guide-to-grid/

Flex 布局： https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/

把这两篇文章看完，并且跟着敲一遍。保证你布局相关肯定没问题。

[Lemonadeccc]

@FeifeiJin 好多年不见飞飞了

[Puteulanus]

@codehz 那你不也搞清楚了原因，还能跟人分享这个案例（摊手）
而不是“有时候别的地方能用的样式不知道为啥突然就不好使了，换个布局就好了”

我们有一回项目临近尾声了甲方突然说他们员工用的都是苹果，要求保证 Safari 用起来正常，QA 一测茫茫多的地方显示有问题，开发头都大了

[DemonQ]

可以借鉴培训班的思路：照着淘宝京东再来一个复杂点的网站抄，只抄静态浮现，原模原样浮现，有不会的就打开调试看看人家怎么做的，抄两三个基本 css 就是信手拈来了，归根结底还是锻炼少
当然这是基本的 css 训练，至于什么兼容处理，动效实现就是自己积累了

[label]

学下弹性盒子, 一把梭, 简单的一批

[davin]

Chrome 还没诞生的年代，靠着各种 CSS CHM 手册、CSS 禅意花园、IETester 和 Firebug 也熬过来了。熬死了那个年代的 IE 、Opera 、Flash 、Silverlight 、Adobe AIR...

[DemonQ]

浮现-->复现

[iniMeow]

@reDesign 好酷！想学

[dog82]

css 的浮动我至今都没搞懂

[codehz]

@Puteulanus 但确实是上下文相关的，我的意思是，同样一个组件，放第一个位置，嗯，没问题，前面随便加一点别的，就整个分崩离析，完全没办法用逻辑解释（当然，chrome 什么的都是正常的），就是 safari 布局引擎本身的 bug
而且主要出现的场景就是 flex layout ，不过很多时候能被 grid 替代，换成 grid 实现一样的效果就不会有问题（）

[wentx]