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

[xiaotianhu]

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

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

求推荐，感谢

[vevlins]

css 是不系统的，毕竟（ UI ）设计领域没有图灵模型，跟学自然语言一样，需要多学多练，可能有很多细碎的点。

从大处讲：
1. 学布局，flex 、float 、fixed 。
2. 学盒模型，padding 、margin 、border 。
3. 学基本样式，字体控制、box-shadow 、border-radius 。
4. 学动画，hover 效果。

还可以多用 awsome xxx 来找一些总结的成熟样式。遇见网站，多在脑海里练习布局。对于 css ，我的看法是够用即可，不追求成为专家。学到一定程度得学点设计基本概念，我写了一份 tailwindcss 出品的《重构 UI （ Refactoring UI ）》的学习笔记，可以看看 https://vevlins.com/posts/48b97bb0/ ，节省 99 刀。

[darknoll]

后端都是卡在 css 这边

[dsa999]

我可能跟其他人不一样，我蛮喜欢写 css ，写 css 有一种写自然语言的感觉。
css 的那套方法论跟 java 、c++这些一般编程语言都不一样。
不要先入为主的去学习可能会比较好 ？

[lujiaosama]

原子化 CSS 还是有额外学习成本的, 原来的属性的新写法得记老半天. 优点是预设样式比较标准, 效果也比较好. 但是全局样式冲突很头疼(antd/element plus 都有), 最后还是放弃回到了预编译的写法.

[yaphets666]

俺是专业前端，俺也觉得前端不系统，很细节，没办法，是这样的。一个一个背呗。

[qiumaoyuan]

感觉这东西就靠多练多积累经验。

[beiyu]

我觉得你这个 problem 的主要 reason 还是用的少了，可以尝试边 study 边用，碰到不会的时候网上 search 相关的资料，把这些方法名词都 remember 之后，写起来就如鱼得水了。

[zaul]

tailwind css 一把梭哈？

[gowk]

这里问题我也一直在思索，这个东西不实践不行，看过几本书，用的时候又歇菜了，终究不得其门而入

[wangtian2020]

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
专业前端。
其实学完 flex ，前端布局就可以当做是学完了
在所有地方都用 flex 就行
什么 float ，2022 年了可别再用了


推荐几个属性
transform: translate(10px, 10px);
https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform

position: absolute;

justify-content: space-between;
justify-content: space-around;
justify-content: space-evenly;

<div style="flex:1"></div>

学完这些，css 可太简单了
另外要会滚键盘，chrome devtools 的时候摁住"↓"滚完全部数据

[Slshaolong]

你在想啥 我看见 css 都头疼 这玩楞可麻烦死了

[chztv]

这……感觉实战就是最好的学习方法，参与几个 PC 站、移动 H5 的开发，css 分分钟就会了
我从 PHP 后端成功转型专业前端已经 10 年了

[um1ng]

本人前端，css 一生之敌

[Light3]

大哥别骗人了 写 php 的咋会不会写静态页面嘛
不会写 吃不上饭的啊 之前

[xyqhkr]

head first html and css

[qzhai]

本人前端, toC 。
怎么说，我觉得 CSS 都不应该算语言，因为毫无逻辑。
只要记住属性就可以用。
比 js 简单太多了。

[SxqSachin]

学前端一定要看 mdn

[code4you]

多写吧

写了 你就不讨厌了

你不熟悉 ta 你就厌倦 ta

不过说实话 我熟悉了 css 也依旧讨厌 css 花 UI 界面太花费时间了

[lifesimple]

多看多写吧 不过一般 crud 的项目基本都组件库支持很少自己手写样式

[molvqingtai]

搞清 flex, 搞清 static relative fixed absolute sticky 几个定位的区别，基本能完成 80% 需求

初学者不要使用 float