1. 블록 요소
- div, h1, p
- 사용 가능한 최대 가로 너비를 사용한다.
- 크기를 지정할 수 있다.
- width: 100%; height: 0; 으로 시작한다.
- 수직으로 쌓인다.
- margin, padding 위/아래/좌/우 사용 가능하다.
2. 인라인 요소
- span, img
- 필요한 만큼의 너비를 사용한다.
- 크기를 지정할 수 없다.
- width: 0; height: 0; 으로 시작한다.
- 수평으로 쌓인다.
- margin, padding 위/아래는 사용 불가능하다.
- display: block; 를 사용해 블록 요소처럼 사용 가능하다.
'::public > HTML & CSS(SCSS)' 카테고리의 다른 글
HTML - 요소(iframe, canvas) (0) | 2021.03.25 |
---|---|
HTML - 요소(img, audio, video) (0) | 2021.03.24 |
HTML - 요소(Elements & Attributes) 총정리 (0) | 2021.03.22 |
HTML&CSS (0) | 2021.03.18 |
기본 환경 설정 (0) | 2021.03.18 |