728x90
반응형
HTML의 모든 요소는 사각형의 박스 형태로 만들어진다.
박스는 4가지의 세분된 영역으로 구성되어 있고 영역마다 다양한 스타일을 적용할 수 있다.
- content 영역 - 요소의 실제 내용을 포함하는 영역
- border 영역 - content 영역을 감싸는 테두리 선의 영역
- padding 영역 - content 영역과 테두리 사이의 여백
- margin 영역 - border 바깥쪽의 영역
css를 이용해 상자의 크기, 위치, 속성(색,배경,테두리 크기 등)을 변경할 수 있다.
반응형
'CSS' 카테고리의 다른 글
| [CSS] font-family (0) | 2023.04.06 |
|---|---|
| [CSS] 상속과 캐스캐이딩 (0) | 2023.04.02 |
| [CSS] 구체성 (0) | 2023.04.01 |
| [CSS] 가상선택자 (0) | 2023.04.01 |
| [CSS] 문서 구조 관련 선택자 (0) | 2023.03.28 |