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

[xiaotianhu]

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

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

求推荐，感谢

[zhuangzhuang1988]

https://web.dev/learn/css/

[P233]

@CathayChen 所谓的 design concepts

[keyrinrin]

谁还敢说前端简单的，css 比一比

[xiaotianhu]

@Kenmin
感谢推荐，看一下。

[murmur]

@davin div 省事啊，div 没有什么初始化属性，语义字段有初始化属性，如果忘了 reset 就等着处理样式问题吧

[Kakarrot]

CSS 感觉就是上手去调 去改 审查元素

找到你的目标样式 审查元素 一个一个去掉 /添加 查看变化

[sunwei0325]

先写中文注释, 等 copilot 补全看看, 不行再改

[redford42]

他不需要学，他就是背...

[kop1989smurf]

做业务的界面样式，不管平台（ Android 、iOS 、winform 、web ），其实就这么几个关键点：布局方式、对齐方式、距离、间隔方式、填充方式。
剩下的都是以上的具体实现与简化。

只有那种海报展示页，有艺术成分的，对样式才会要求高。
一般程序员能掌握业务展现就已经够用了。

[kop1989smurf]

相对而言，更有技术含量的，是如何把一个既定 ui 拆解成合理的布局关系

[K1W1]

同后端，CSS 是典型"学会它只要五分钟,但要学精它,要花上一辈子"的东西。一直觉得 CSS 很玄学，因为你怎么写他都不报错。但得到的结果又总是"差之毫厘 谬之千里"。后来看了《[深入解析 CSS]( https://book.douban.com/subject/35021471/)》，对 CSS 印象有了很大的改观。

[darkengine]

不是专门搞 web 开发的话，学个 flex-box ，万物皆 div 就完事儿了😂

[rodrick]

css 要用眼睛去看 不要太用脑子去理解

[zzzmh]

使劲写，尤其是从零写点什么，真正有用的东西，对标一下互联网大厂，正好练练审美方面。
当然有个前提，你喜欢写这玩意，或者你工作用得上，要不然是折磨

[zcf0508]

再 devtool 里把样式调好了再把代码复制到 css 里，不要想着直接写 css

[dabaoziwy]

无他，唯手熟尔

[Veneris]

作为后端，从来没有试图系统性学过前端。
写写 js 问题不大，但是样式顶多就是用用组件库，不符合需求的就捉急，只能摇人。

这事拖了好几年，前几天终于下决心看一看 html + css 了，真的是完全从头看的，看的 mdn 。
稍微看了看就发现之前过于想当然了，比如不知道 margin 原来会重叠，不知道元素分为块级和行内元素，不知道有些元素自带一部分属性。
回头想想之前遇到的一些样式问题，原来都是因为自己连这种基础都不知道，所以即使调整各种属性也解决不了，还在那怪 css 垃圾。

不过也没仔细的深入看，就看了一两天，知道大概都有什么属性，然后去上手 tailwind 了。
尤其是现在基本都是 chrome ，兼容性都不错。
虽然不能说多了解，但是无脑上 flex 布局，遇到点小样式问题用 f12 都能基本解决了，单纯是后端的话是够用了。

现在也是刚学完，下一步怎么学还不清楚，没事就按 f12 看看感兴趣的网站样式都是如何实现吧。

[LavaC]

css 这玩意挺直观的啊，除了布局上可能稍微繁琐了点，宽高、颜色、阴影、字体大小、边框，跟用文字版 ps 一样。
配合提示插件的话，就算你不知道有没有这个属性，直接打对应的英文单词也会提示给你。

[learnshare]

多写多练，10 万行很快就能上手
从基本效果到复杂布局，从单一模块到组件化

http://www.tup.tsinghua.edu.cn/booksCenter/book_07765201.html 自荐一下

[Veneris]

> #37

总的来说，基础这个东西太重要了，最好是按文档读一遍，千万不能想当然，不然遇到坑是真不知道为什么。

然后就是 ui 也是个技术活，单纯给给原形，我是想不出来该怎么设计好看的，涉及到颜色，间隔，文字大小，花里胡哨的特效，甚至文字和背景的对比度，完全没这个概念。

就算有 ui ，脑子里还是没法第一时间反应出来，该怎么区布局，用哪些样式，毕竟 css 的细节太多。

只能靠经验慢慢去堆。