对于后端开发,如何学好 CSS?

2022-08-18 09:41:17 +08:00
 xiaotianhu
对于主要写后端的开发来说,感觉学 CSS 挺蛋疼的。
从 PHP 转学 C++都没有这么痛苦,总觉得 CSS 是很 slippy 的,捉摸不定;细节特别多,又不够系统
看起来知识都会了,实际写起来,不是宽了就是窄了,要不就是差一点,想弄对经常靠运气。

学习方式比较 old fashion ,不喜欢看视频
想问问有什么书和教程比较系统的讲解 css 的吗。自己做点东西还是得学好这个。
目前主要用 Vue ,配合一些 Element 之类的 UI 库,想做点东西已经容易很多了,但是想写好,高效,还是得下点功夫了。

求推荐,感谢
11325 次点击
所在节点    程序员
122 条回复
angrylid
2022-08-18 09:44:28 +08:00
前端都不敢想这个话题。
murmur
2022-08-18 09:44:52 +08:00
学会按需求搜索,当然得 google ,比如你想做一个分栏布局,做一个居中,做一个渐变

然后就是各种熟悉了,面试你要掌握多种方法,最优解,实际开发熟练一两种就够了

css 现在很系统了,布局学个 flex ,剩下的都是按需求学习
jazzg62
2022-08-18 09:46:14 +08:00
去他妈的 css
Kenmin
2022-08-18 09:47:11 +08:00
Kenmin
2022-08-18 09:47:40 +08:00
@Kenmin 书有点老,作为入门还是不错的。
h1104350235
2022-08-18 09:47:51 +08:00
不用刻意去学,现在蓝湖都自带样式代码。
可以找个插件做代码转换,把时间花费在 JS 才是重点
stoluoyu
2022-08-18 09:48:15 +08:00
忘了怎么学的了,好久没写 css 了
css 够用就行了
murmur
2022-08-18 09:48:26 +08:00
都 2022 年了,还对 css 抱有敌意的,除了菜,没别的理由嗷

以前说做 ie6 兼容性,语法不当人,可以骂,都 chrome 年代了,起手就是 flex 、grid 布局,这很难吗

还有人是活的,规则是死的,你不是后端么,页面渲染什么是你自己定的

nth 选择器弄不明白,自己在页面上加标志不丢人,比如 row-even ,row-odd ,row-first ,row-last 这些,不比 nth 选择器好理解?
Kenmin
2022-08-18 09:49:00 +08:00
平时开发善用 MDN 文档 https://developer.mozilla.org/zh-CN/
TWorldIsNButThis
2022-08-18 09:49:10 +08:00
直接看 tailwind
另外学一下各个 html 元素的固有 css 属性,不然出现非预期的行为很难排查
leeggco
2022-08-18 09:50:03 +08:00
常用的也不过十来个属性而已,多用就好了
debuggerx
2022-08-18 09:50:07 +08:00
其实就那几个套路 别多想 写写就好了
越是想所谓“系统、高效”学习 越是会走弯路 除非是面向面试 不建议浪费这个精力
murmur
2022-08-18 09:50:48 +08:00
@h1104350235 js 是看不到的东西,写的稀烂没人管你,能跑起来就赢了,css 是脸面,css 写的烂页面效果出不来,直接交差都交不了
xiaojun1994
2022-08-18 09:54:07 +08:00
tailwindcss
davin
2022-08-18 09:54:57 +08:00
CSS Zen Garden 即可。看看现在所谓的 SPA / SSR ,只会 div 套 div ,一点 semantics 都没有,还不如当年的 table 🐶
encro
2022-08-18 09:55:33 +08:00
CSS 需要学吗?看 W3CSchool 半天就看完语法了,这是一门需要动手的标记语言!

建议学习路径:

1, 半天看 CSS 语法了解大概内容;

2,了解 bootstrap ,做一个项目;

3,了解 tailwind 和 windcss ,做一个项目;

学习 CSS 的办法就是动手,参考,改造。
zjsxwc
2022-08-18 09:56:38 +08:00
我最开始也是写后端的,后来兼前端,学 css 的话,
建议找一本 css 教程从头到尾过一遍,我当时看的是 Keith-J-Grant 的《深入解析 css 》,
然后就是 看看别人写的 css 效果,找几个项目开始写 css 啦。
ns09005264
2022-08-18 09:56:45 +08:00
用 tailwind 这样的 css 原子库,可以从中学到一些 css 知识
不过,要使用 tailwind 本身也要会一点 css ,有点鸡生蛋的意味。
CathayChen
2022-08-18 09:58:05 +08:00
同为后端,我也被这个问题纠结过。
我觉得不是 CSS 我们学不好,而是没有足够的审美去写一个好看的样式。
如果你拿着一个设计好的 UI 图去写,其实也是可以写得好的。
towry
2022-08-18 09:59:40 +08:00
做前端的。

感觉前端最痛苦的点就在一些兼容性上,这个不支持那个不支持。

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

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

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

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

© 2021 V2EX