모두를 위한 확실한 CSS 가이드에서 CSS 마스터하기 | 파트 1

아름답게 디자인된 웹사이트를 보고 "저걸 어떻게 만들었지?"라고 궁금해한 적이 있나요? 이제 당신은 CSS 초보자에서 스타일링 슈퍼히어로로 변모할 여정을 시작하게 됩니다.

CSS를 웹 세계의 패션 디자이너라고 생각해보세요. HTML이 구조를 제공하는 반면 CSS는 웹 세계를 멋지게 보이게 만듭니다!

목차

No.	Section	Link
1	Understanding CSS Fundamentals	Understanding CSS Fundamentals
2	Selectors and Specificity	Selectors and Specificity
3	The Box Model Explained	The Box Model Explained
4	Flexbox: Layout Made Easy	Flexbox: Layout Made Easy
5	CSS Grid: Two-Dimensional Layouts	CSS Grid: Two-Dimensional Layouts

---

CSS 기초 이해

기본부터 시작하겠습니다. CSS(Cascading Style Sheets)는 웹에 생명을 불어넣는 언어입니다. 화가의 팔레트처럼 웹페이지에 색상, 모양 및 시각 효과를 추가할 수 있는 도구를 제공합니다.

구문 기본

기본 CSS 구문은 다음으로 구성됩니다.

• 선택기: 대상 HTML 요소
• 속성: 스타일 지정
• 값: 스타일 지정 방법 정의

selector {
    property: value;
}

CSS를 포함하는 방법

HTML에 CSS를 추가하는 방법에는 세 가지가 있습니다.

• 인라인 CSS: HTML 요소에 직접
• 내부 CSS: