学习资源

文档

• https://developer.mozilla.org/en-US/docs/Web/CSS
• https://web.dev/learn/css/

资源

聚合

• CSS Tricks - https://lhammer.cn/You-need-to-know-css/#/
• CSS Inspiration - https://chokcoco.github.io/CSS-Inspiration/#/
• CSS TRICKS - https://css-tricks.com/
• https://moderncss.dev/

Sass

• Sass Guidelines 中文 - http://sass-guidelin.es/zh/

布局

• 学习 CSS 布局 - http://zh.learnlayout.com/
• https://1linelayouts.glitch.me/
• https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/
• https://flexboxlabs.netlify.app/
• https://layout.bradwoods.io/

动画

• CSS 动画 101 - https://h-wakanda.github.io/css-animation-101-cn
• 贝塞尔曲线 - https://easings.net/#

媒体查询

• https://mediaquery.style/