HTML CSS JS
HTML - 블록 레벨(Block level)요소와 인라인(Inline) 요소
Programmers
2021. 6. 2. 12:47
반응형
HTML - 블록 레벨(Block level)요소와 인라인(Inline) 요소
1. 블록 요소
1. DIV, H1, P
2. 사용가능한 최대 가로 너비를 사용한다.
3. 크기를 지정할 수 있다.
4. (width: 100%; height: 0; 로 시작)
5. 수직으로 쌓임
6. margin, padding 위, 아래, 좌, 우 사용가능하다.
7. 레이아웃
2. 인라인 요소
1. SPAN, IMG
2. 필요한 만큼의 너비를 사용한다.
3. 크기를 지정할 수 없다.
4. (width: 0; height: 0; 로 시작)
5. 수평으로 쌓임
6. margin, padding 위, 아래 사용을 할 수 없다.
7. TEXT
3. display: block;
☞ 강제로 블록요소 처럼 만든다.
display: inline;
☞ 강제로 인라인요소 처럼 만든다.
반응형