对于后端开发，如何学好 CSS？

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

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

求推荐，感谢
13445 次点击
所在节点    程序员
122 条回复
gy123
2022-08-18 15:00:17 +08:00
B 站看 pink 老师~
cssTheGreatest
2022-08-18 15:03:56 +08:00
最 old school 的就是拿着 o'reilly 的 css 书来学，当年大学里就这么学起来。后来就纯纯的“唯手熟尔”
towave
2022-08-18 15:12:30 +08:00
一般前端都没学明白，想学好直接 css 世界三本书看完再大量练习
zqx
2022-08-18 15:36:27 +08:00
把张鑫旭博客看一遍，就行了，css 的怪异行为主要靠亲手实验
saigo
2022-08-18 15:44:28 +08:00
我是培训班出身，老师教的时候，是按照 样式、盒子模型，定位、动画学的，后面用到什么百度，要记到脑子里。张鑫旭的书都可以看看
TomatoYuyuko
2022-08-18 15:49:42 +08:00
写多了还挺快乐的，比较难的还是怎么设计比较美观易用吧，再就是海量的”小技巧“
techkk
2022-08-18 16:05:16 +08:00
正在学，脑袋都懵掉了。
dcsuibian
2022-08-18 16:19:23 +08:00
同后端，推荐《精通 CSS 》，对于盒子模型、响应式 Web 设计、表单、变换过渡动画、flex 等都有介绍，详略得当，应付日常使用不在话下，挺不错的。
不推荐《 CSS 权威指南》中文版。中文版的翻译非常差。

个人感觉想要系统性学习，看书是一个非常好的途径。虽然慢，但质量比网上的资料更有保证。

CSS 的话，你写错了浏览器也不会告诉你，你实现了效果也不知道为什么。必须要知其然，知其所以然。搞明白到底是哪几行起作用了。
elevioux
2022-08-18 16:30:41 +08:00
css 本身并不难，多写多记而已。

但写了 6 、7 年的 css ，div 居中每次都还是要谷歌，也是菜的没谁了。。。
alphardex
2022-08-18 16:58:15 +08:00
CSS 要以玩的心态去学
一些小建议：
1.刚开始可以尝试多用 CSS 来代替 JS 实现一些常见的 UI 效果
2.书我就推荐一本《 CSS 揭秘》
3.多上 codepen ，上面有很多实用的 demo
4.多写 demo ，不论结果如何，写多了你甚至会发现 CSS 还能用来画画
OnlyShimmer
2022-08-18 17:10:57 +08:00
@Wzieee 小米商城小 Case ，挑战在小米手机宣传页
geebos
2022-08-18 17:17:01 +08:00
flex box 一把梭
leega0
2022-08-18 17:20:28 +08:00
css 更加偏视觉和想法一些，各种奇淫技巧都是写多了之后突然想到的灵感，比如纯 css 进度条、折角背景、各种动画视差效果等，追崇的是利用元素本身的属性特点及用最少最简洁的代码或元素实现较为复杂的展现，如果你不是要转前端，系统学习了解下 flex 等布局方式就足够应付业务了，想深入点可以看下 CSS 揭秘，国内的有 CSS 世界系列
zhuweiyou
2022-08-18 21:23:27 +08:00
后端不建议学这些, 术业有专攻, 什么都会 约等于 什么都菜.

非要学的话, flex 和 position 会, 就差不多了.

别搞什么 tailwind, 开倒车的东西.
solohealer
2022-08-18 21:58:20 +08:00
我理解其实 css 是一种声明式的语言，想象成配置 json 或者 yaml 就行了
Q4h7388nR28s95fa
2022-08-18 23:57:44 +08:00
@murmur css 是垃圾这个没得洗的。跟人无关，就像屎难吃，没人喜欢吃屎一样。并不是说有些人习惯吃屎了，其他吃不惯的人就是“菜”！
94
2022-08-19 00:08:01 +08:00
CSS 这个东西确实比较吃经验，因为太灵活了，但是有多很有趣的效果就是突然脑洞大开之后实现的。
如果 OP 偏后端的话，还是直接使用这些 UI 库的样式即可，如果一定要写一些页面样式的话可以尝试 tailwind 。

不过依照国内设计师的设计方式多半 tailwind 其实会总是差一点点然后还是需要自己去调整。
如果有条件需要还是找一个专职前端来负责来的好。
guanhui07
2022-08-19 00:22:36 +08:00
我也不喜欢写 css
94
2022-08-19 00:27:41 +08:00
@HiCode #96 ，CSS 这种简单的声明式标记语言连小学生花几周时间就能搞请套路的东西还能学不明白，
只能说是没有摆正态度花时间去学，要么就是真的菜。
常用的属性就那么二三十个。而且所有的规则都是有明确规范的、并且有规律的。

基本的复原 UI 设计稿样式只需要你开始持续写 2 周就能弄清楚，只要控制好书写规则的应用范围和影响范围即可，剩下的内容都是靠时间积累复用的套路 /模式。
0914xc
2022-08-19 00:54:54 +08:00
理解盒子模型，基本上就够了，其他属性，用的时候再查就好了。

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

https://ex.noerr.eu.org/t/873641

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

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

© 2021 V2EX