分享一种利用 AI 学习 CSS 的方法

看到盒模型就不用看了，朋友，现在是 2025 年，CSS 不应该作为学习类语言，应该作为字典类语言，你就学一个 flex 布局

然后剩下就问 gpt ，颜色怎么改，边距怎么改，怎么做居中，怎么写渐变

@murmur 会的跳过就好，主要关心那些难理解的复杂布局，有些东西不懂就很难借助 ai 来助力，个人实战感受。

@murmur 我觉得表格,浮动,定位,flex,栅格还是要过一遍比较好

@crocoBaby 我的理解呢，css 很难，这个是公认的，知识点太多，太杂，而且是很依赖经验的东西

光靠学是学不会的，记也记不住，我从 IE5 兼容性就开始写 css ，做到现在有些复杂嵌套，让我调 bug 我也得看好就

好在 css 只看结果，可以面多加水，水多加面，你说 box-sizing 写错了，最后尺寸是 100+20 还是 100-20 还是 100 ，这个不重要，小了你就放大点，大了就放小点，要多写多调试，看多了绝对晕

我觉得最难理解的就是 width 和 height ，这两个玩意的参数和外部对他们的影响有非常多可能

我也觉得，css 大概弄懂下面这些就行了：盒子模型、layout 、flexbox 、响应布局理解思路：把屏幕分割 12 列，媒体查询根据尺寸显示多少列，不过现代框架自适应都封装好了，所以我觉得理解下思路即可。

@meihuanyu88x * { box-sizing: border-box;}

@Frytea 我根据你的笔记看了一下这本书，我总结下我的一点看法

1 、不建议新人现在上来就学盒模型，学什么边距塌缩，box-sizing ，border-box ，content-box 的东西，直接晕死了

2 、同样的，选择器只需要学 class 选择器，chrome 浏览器 id 选择器的性能优势早就没了，我还见过用 id 选择器 querySelectorAll 能出十几个元素的神奇页面

3 、一样的，visibility:hidden 用的时候在学，类似的还有 opacity 和 rgba(0,0,0,0)的区别

4 、不建议新人学 odd ，even 这些伪类，学不明白就用 js 写，mvvm 写隔行样式非常简单

5 、我甚至建议新人全 div 写法，你如果用 float 布局，你后面调行高对齐也很麻烦，还不如 flex+div 通吃，现在又不要求你语义性

6 、不建议新人上来就学嵌套选择器，如果要学，可能 less 或者 scss 的嵌套更好理解，也更工程性，这部分还牵扯 css 优先级问题

7 、也不建议新人上来就学 rem em vw vh 这些复杂尺寸，rem/em 这些可以用插件后期轻松解决

@murmur #4 哈哈哈哈哈，终于看到一个贴切的形容了——水多了加面，面多了加水

css 能做的太多了，也很难

CSS 属性越来越多了, CSS1/2 兼容的一些历史属性也已经积重难返了, AI 确实是适合学习 CSS 的, 但是要注意 AI 其实没有 CSS 解析器,也就是它根本看不到实际效果, 很多时候会有 LLM 幻觉

@murmur #4 写写自己的项目可以这么搞，实际工作中最怕遇到的就是这种写法，内外边距 padding ，margin 乱用，胡乱 absolute 定位，写的人是舒服了，改的人是到了地狱了

1 楼说的对，没必要特意学，稍微学一点入个门，最起码知道 css 中有哪些属性，做什么用的就行了。

用的时候就问 AI 写，看的多了，常用的那些自然会了，熟能生巧。

你说不常用的那些 css 属性，更没必要特意去学，死记硬背记住了，又不一定用，用的时候又忘了，
现用现搜(问 AI)就行了。

自己熟悉的语言，长时间不用，都会忘，何况 css

@murmur 感谢分享，很受用

Udemy 上那两个 CSS 课程挺有用的，B 站上有人搬运，学完之后可以直接用原生 CSS 写出很炫的页面。

对于大家都说的 CSS 没必要单独专门学，我觉得也不能这么说吧，CSS 确实是又多又杂，但是抛开那些基本上用不到的属性，其他常用的基础属性也没那么多，单独抽一两个月时间学这些基础属性也能学会了

不错 ，可以学学看