后端程序员学习前端,你门是怎么掌握 css 的

2023-09-09 20:40:44 +08:00
 lovemaoyun

感觉学个 js vue 啥的不难,但 css 这个东西感觉反人类的,大家是怎么学习的,有什么好的方法没

3758 次点击
所在节点    程序员
40 条回复
PTLin
2023-09-10 09:59:17 +08:00
https://book.douban.com/subject/35021471/
我看的这本,感觉很适合入门
iorilu
2023-09-10 10:34:51 +08:00
学习一下
说实话, 我也几次想学 css
最终还是没学到
又空再试试,可能直接学习下 TailwindCSS

我目标也不是研究多少原理, 只是想相对自由调整一些 css
dingyaguang117
2023-09-10 13:24:25 +08:00
主要是布局 这个学下来就差不多了 https://zh.learnlayout.com
liuhai233
2023-09-10 14:21:56 +08:00
我选择 chatgpt
wenzhuo
2023-09-10 14:39:01 +08:00
html 和 css 知识并不连贯,体系化并不明显,基本就是看一个会一个,然而,前端迭代速度快,多且杂,真后端的话,别搞太多,搞个教程看看就行
davin
2023-09-10 16:18:11 +08:00
记得当年入门看的书叫做《 CSS 禅意花园》
wanei
2023-09-10 16:18:40 +08:00
徒手撸一个简单的网站,保证 html css js 都有基本的掌握
qiumaoyuan
2023-09-10 16:42:46 +08:00
没有 IE 的话,CSS 还挺简单的。
Orange2269
2023-09-10 16:49:15 +08:00
多练几年就会了
kljsandjb
2023-09-10 17:20:32 +08:00
去看看 head first html & css, 精髓都在里面
nexo
2023-09-10 19:14:37 +08:00
@fantastM 这是你自己做的还是买的 求推荐
fantastM
2023-09-10 19:22:08 +08:00
@nexo #31 推特的图,图里有作者 id
sub166
2023-09-10 19:23:42 +08:00
我是给 obsidian 写了个主题,然后就掌握了
cheny4work
2023-09-10 20:01:59 +08:00
tailwind
22F41628gA98q4Lx
2023-09-10 22:53:26 +08:00
首先是 taildwind css ,直接用这个开始写。
其次是,看大佬们是怎么写的啦,比如 shadcn 的博客。比如你想做一个 sidebar 或者 header 或者 footer 都可以参照他的来写。
最后是,学会用英文搜索。
kaiki
2023-09-11 09:28:50 +08:00
看谁的网站好看,复制他代码,久而久之就都记住了
abcbuzhiming
2023-09-11 10:19:47 +08:00
@pengtdyd CSS 非常非常难。

知乎有个问答里,对 CSS 的难度做过分析,首要问题就是 CSS 是不正交的,你改变了 A ,会奇怪的影响到 B 。即它存在大量的隐式条件和输入,导致你在推导结果的过程中,在大脑里必须得预加载条件输入方案,而且这个方案数量并不低。大约有十几种组合,这些组合是你要背的。绝大部分传统程序员,是习惯以逐行代码推导来进行思维过程的,天生不适应这种非正交系统。

其次就是 CSS 的调试工具至今没有得到足够的改善,要知道 CSS 调试的目的往往是为了解决“这个该死的盒子为啥在这里?”或者“那个该死的样式为啥就不起效”之类的问题,然而目前的浏览器调试工具,只能提供当前盒子受影响的条件参数,但是很多时候,影响这个盒子样式的原因,在十万八千里之外的另外一个盒子身上(这又是该死的非正交问题)。这和编程调试器在大多数能很方便把问题定位在一个非常小区域的上下文之上,很方便的找到问题,完全不是一个级别的。恕我直言,CSS 调试工具目前的能力非常落后。这种落后在于 CSS 系统里任何一个盒子的样式是受到诸多不在这个盒子上的,其它盒子的参数影响,最后被浏览器推导出来的,然而浏览器的 CSS 调试工具却不具备逆向推导的能力。这导致很多时候非常难以发现问题在哪里,于是我们会看到很多自称学会 CSS 的人,他们也改不了别人的 CSS 源码,他们解决问题最常见的一招就是:按自己的习惯完全重新写一遍。

所以从上面你也看到,很多自认为学会了 CSS 的人,其实并没有学会 CSS ,它们只是熟练的 CSS 搬砖工而已,判断这个人是否真的掌握了 CSS ,要看它能不能对一个已经存在的,且比较复杂页面的 CSS 代码进行推导和修改,即能能准确的分析中的某个盒子的样式到底是如何被影响的,然而通过那十几种组合,快速的研究出改哪里会生效。而现实中却往往是:md 搞不懂为啥,重写一遍!

所以 CSS 真的是很难,不过这个难是相对程序员说的,因为 CSS 是另外一种思维,它最初被设计出来是为了排版系统准备的,也许在排版领域,这东西设计的很好。但是换到程序员,这种从一开始就是培养逐行推理思路的领域,天生就不匹配。所以,学不会就学不会吧,像我至今就不敢说自己学会了 CSS ,虽然我有时候甚至可以用 CSS 问住搞前端的同学,但是我自己是很清楚的,我不会 CSS
abcbuzhiming
2023-09-11 10:21:17 +08:00
@zackkson1991 请教 TailwindCSS 这个东西和 bootstrap 的区别在哪里?
zackkson1991
2023-09-11 12:46:38 +08:00
@abcbuzhiming bootstrap 就是一个组件库,但是也有类似于 tailwind CSS 内置自定义 css name. 参考官网。
penll
2023-09-11 15:21:12 +08:00
确实,主要是布局,其他,都是基础的。
学个 flex 布局,一把梭

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/972338

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX