[CSS 样式众多, 请问如何进行高效的 CSS 学习]

[Angela2022]

跪求 CSS 样式的学习总结和学习笔记及记忆方法 谢谢!

[ccyu220]

总结没用，看到网页上好看的效果，要动手敲。

2016 年的时候我就是照着「站长之家」上国外的模板一个一个敲

[bnm965321]

布局是最重要的，学会布局以后其它的样式你大多有自信可以对照着实现

[vopin]

我本来搞不明白 CSS ，但是直接上手 TailwindCSS 意外发现很简单。flexbox 一把梭。

[subframe75361]

obsidian 写一套主题

[arnosolo]

其实吧, 就是写得少了. 写多了发现除了动画难点, 其他 flex 加 relative absolute 全部搞定

[Track13]

多写，多看。
css 和 html 绑定的，拆分不对写起来也难受。

[TWorldIsNButThis]

直接 tailwind ，看他源码学习

[stevezhang]

可以用 tailwind 写 grid 布局么
flex 在布局上还是有点弱

[iosyyy]

基础的可以看 https://www.freecodecamp.org/learn/了解下语法 深的建议看看其他人的代码 看看别人是咋写的

[Finnn]

因为 CSS 东西很多非常多非常碎， 又不是程序语言， 所以很少涉及到逻辑性
但是日常业务用得到的并不多， 就像日常英语一样，所以没必要去学个大而全
CSS 是非正交的，很多属性是相互影响的，比如 line-height vertical-align height ，盒模型值的合并，fixed 变 absolute 等

很多人推荐 tailwindCSS ， 因为 tailwind 是原子化的，每个 class 只负责一个属性的设置，相比传统的定义容易理解一些，方便快速出效果，但是跟 AI 写码一样，它写出来的你也要能实现能懂得才行

[ifdef]

CSS （层叠样式表）是一种用于控制网页布局和格式的样式语言。CSS 样式众多，要想高效地学习 CSS 需要遵循以下几个原则：

了解 CSS 的基本概念和特点。CSS 是一种用于控制网页布局和格式的样式语言，它能够帮助我们设计出美观、简洁、整洁的网页。了解 CSS 的基本概念有助于我们更好地理解 CSS 的作用和特点，从而更好地学习和使用 CSS 。

掌握 CSS 的基本语法和书写规范。CSS 的语法非常简单，但如果不遵守相应的书写规范，容易出现语法错误，导致网页无法正常显示。因此，在学习 CSS 时，需要掌握 CSS 的基本语法和书写规范，以便能够编写出正确无误的 CSS 代码。

实践为王。学习 CSS 时，要尽可能多地实践，并不断总结经验。在实践中，可以多次编写 CSS 代码，并与其他同学交流，以便互相学习和交流经验。在实践中不断总结经验，可以更好地掌握 CSS ，并在实际应用中更好地运用 CSS 。

by chatgpt

[Finnn]

@Finnn line-height vertical-align height 等效同色异谱现象， 是 CSS 里更常见的现象