如何学习 CSS？

DuckDuckGo 搜索「`how to learn css`」出现的条目：

• https://www.w3schools.com/Css/
• https://web.dev/learn/css/
• https://www.coursera.org/collections/learn-css
• https://www.smashingmagazine.com/2019/01/how-to-learn-css/

从 https://uses.tech/ 找到的学习资源：

• https://flexbox.io/
• https://cssgrid.io/
• [Grid for layout, Flexbox for components - Ahmad Shadeed](https://ishadeed.com/article/grid-layout-flexbox-components/)

Google 搜索「`how to learn css`」出现的条目：

• https://www.freecodecamp.org/news/follow-these-steps-to-become-a-css-superstar-837cd6cb9b1a/
• [Anyone can learn CSS. As a self-taught developer, this is my… | by Vigneshwarar | Bootcamp](https://bootcamp.uxdesign.cc/anyone-can-learn-css-8296b0764944)
• https://css-tricks.com/guides/
• https://www.w3.org/Style/CSS/learning.en.html
• https://ishadeed.com/articles/
• https://www.joshwcomeau.com/tutorials/css/
• https://nwalsh.com/docs/articles/css/
• https://www.csszengarden.com/
• https://learnxinyminutes.com/docs/css/
• https://www.quirksmode.org/
• https://vanseodesign.com/

从「https://meyerweb.com/ 」找到的文章：

• https://meyerweb.com/eric/thoughts/2021/05/25/25-years-of-css/
• CSS: The Definitive Guide

> Because I wasn't against tables for tabular data. I just didn't like the idea of using them solely for layout purposes.

其他有关 CSS 的内容：

• https://meyerweb.com/eric/thoughts/category/tech/css/
• https://blog.jim-nielsen.com/tags/#css
• https://css-irl.info/tags/css/
• https://24ways.org/
• https://ryanseddon.com/
• https://css-tricks.com/snippets/

CSS framework（[src](https://github.com/troxler/awesome-css-frameworks)）:

• [Pure](https://purecss.io/)

CSS 的知识点（[src](https://developer.mozilla.org/en-US/docs/Web/CSS)）：

• Animations
• Backgrounds and borders
• Box alignment
• Box model
• Columns
• Conditional rules
• CSSOM view
• Flexbox
• Flow layout
• Fonts
• Grid
• Images
• Lists and counters
• Logical properties
• Media queries
• Positioning
• Scroll snap
• Shapes
• Text
• Transforms
• Transitions
• Logical Properties

​## 参考资料

​### 官方标准

• [All Standards and Drafts - W3C](https://www.w3.org/TR/)
• [CSS 工作组编辑草稿](https://drafts.csswg.org/) • [backup](https://andreubotella.com/csswg-auto-build/)

​### 系统教程

• [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS)
• [web.dev](https://web.dev/learn/css/)

​### 博客文章/有用资料

• [CSS Tricks](https://css-tricks.com/)
• [Una Kravets](https://una.im/)
• http://youmightnotneedjs.com/
• https://www.gridtoflex.com/
• http://travels.surge.sh/
• [Miriam's CSS Sandbox](https://css.oddbird.net/)
• [Home - Ahmad Shadeed](https://ishadeed.com/)