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

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

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

求推荐,感谢
12429 次点击
所在节点    程序员
122 条回复
liuw666
2022-08-18 11:53:51 +08:00
感觉够用就行,不需要搞太复杂
wu67
2022-08-18 11:54:12 +08:00
css 其实还行, 要简单有简单的写法, 要难也能豆腐雕花. 基本上你找几个前端仔过来切同一个页面, js 部分的逻辑大同小异, 但 css 部分的代码, 大概有几个人就会有几种写法....

所以你看即使是卷王一般的前端面试, 也比较少问 css 的详细问题的, 即使有, 比重也不大....
biglion666
2022-08-18 12:52:48 +08:00
我觉得前面提到的网站都不太好,我来推荐一个

https://css-tricks.com/
yikyo
2022-08-18 13:03:35 +08:00
比十几年前好多了,当时适配多浏览器真的要疯
chloerei
2022-08-18 13:03:47 +08:00
在理解 CSS 语法之后,我觉得接下来遇到的问题是不知道什么是好的设计。

推荐一本书:《写给大家看的设计书》。书的内容很少,但是很精辟,遵循里面的原则就可以让设计感大不一样。

实践部份,可以找一个好看的博客主题,像素级拷贝到自己的博客上。拷贝的过程就会研究这个效果是怎么实现。
mynameislihua
2022-08-18 13:26:14 +08:00
文档流,行内元素,块级元素,盒模型,定位,再加一个 flex 布局就 OK 了。
placeholder
2022-08-18 13:36:15 +08:00
像什么 flex 啊,grid 之类的布局,直接网上找拖拽工具拖出来,然后抄代码这样学习,

其他属性查参考手册,
wangyzj
2022-08-18 13:37:56 +08:00
得加钱
Simle100
2022-08-18 13:42:11 +08:00
我当年读大学的时候,就是因为 CSS 才放弃学前端的。
dayeye2006199
2022-08-18 13:42:24 +08:00
同后端,已经放弃,bootstrap 一把梭
jatsz
2022-08-18 13:58:46 +08:00
其实 CSS 难以理解的是布局,剩下的都是很"直觉"的。最近看了这篇文章让我从后端角度(开发者角度)更加理解布局了。https://www.joshwcomeau.com/css/understanding-layout-algorithms/
xiaojun996
2022-08-18 14:06:55 +08:00
@murmur 没错,flex grid 走天下,尤其 flex 超级经常用
huangwei8ku
2022-08-18 14:07:21 +08:00
watch and learn
fcfangcc
2022-08-18 14:07:57 +08:00
flex 一把梭
MengiNo
2022-08-18 14:13:34 +08:00
css 感觉就不怎么逻辑。其他语言靠逻辑写,css 全靠 dev tool 调。 特别是还要考虑兼容性问题时。
danhahaha
2022-08-18 14:16:22 +08:00
每次调 CSS 都温习一遍排列组合
Wzieee
2022-08-18 14:34:28 +08:00
现在在学前端,css 的‘奇淫技巧‘真的蛮多的,css 大作业就是纯 css 写小米商城首页。首页绝大部分效果都能用 css 写出来。
bzw875
2022-08-18 14:45:01 +08:00
去小公司做全栈开发,但是要懂得写 HTML 和 js 才行因为很难单独学 css
penll
2022-08-18 14:46:49 +08:00
css 学个 flex 就算半只脚入门了。
写过一年小程序,从小白到熟练,再到小程序框架(简单点比如注入、重写 Page )
penll
2022-08-18 14:47:08 +08:00
@penll by the way 我是后端

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

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

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

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

© 2021 V2EX