# Learn CSS

> Clean Markdown view of GeekNews topic #4312. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=4312](https://news.hada.io/topic?id=4312)
- GeekNews Markdown: [https://news.hada.io/topic/4312.md](https://news.hada.io/topic/4312.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-05-22T09:40:01+09:00
- Updated: 2021-05-22T09:40:01+09:00
- Original source: [web.dev](https://web.dev/learn/css/)
- Points: 22
- Comments: 0

## Topic Body

- 구글이 새로 만든 초/중급용 CSS 기초 가이드

- 모듈 단위 구성 : 기초 설명, 팟캐스트, 인터랙티브 데모, 평가를 위한 시험문제 등 제공

ㅤ→ Box Model, Selectors, The Cascade

ㅤ→ Specificity, Inheritance

ㅤ→ Color, Sizing Units

ㅤ→ Layout, Flexbox, Grid

ㅤ→ Logical Properties, Spacing

ㅤ→ Pseudo-elements, Pseudo-classes

ㅤ→ Borders, Shadows

ㅤ→ Focus, Z-Index and Stacking Contexts

ㅤ→ Functions

ㅤ→ Gradients, Animations, Filters, Blend Modes

## Comments



_No public comments on this page._