입문4회차
CSS 기본 스타일링
CSS의 기본 개념과 선택자, 박스 모델, 색상, 타이포그래피 등
스타일링의 기초를 학습합니다.
2024.05.20 1h 25m 핵심 개념
연결된 기능 실습
전체 실습 보기CSS
카드 컴포넌트 만들기
다양한 스타일이 적용된 카드 컴포넌트를 구현해보세요.
CSS
네비게이션 바 만들기
반응형 네비게이션 바를 구현하고 스타일을 적용해보세요.
학습 내용
- CSS란 무엇인가?
- 선택자 (Selectors)
- 박스 모델 (Box Model)
- 색상 (Color)
- 타이포그래피 (Typography)
- 레이아웃 기초
회차 기록 (Markdown)
## 4회차 - CSS 기본 스타일링
### 학습 목표
- CSS의 기본 개념 이해
- 선택자와 박스 모델 이해
- 기본 스타일 속성 사용법 익히기
### 주요 내용
#### 1. CSS란?
CSS는 HTML 요소의 스타일을 정의하는 언어입니다.
#### 2. 선택자
- 태그 선택자: `p { color: red; }`
- 클래스 선택자: `.box { padding: 20px; }`
- 아이디 선택자: `#header { background: blue; }`
...
회고 / 느낀점
"CSS를 사용해 요소를 꾸미는 과정이 재미있었다. 특히 박스 모델을 이해하고 나니 레이아웃을 잡는 것이 훨씬 쉬워졌다. 다음에는 Flexbox를 활용해 반응형 레이아웃을 만들어보고 싶다."