Front-End/HTML

[HTML] 블록 레벨(Block level) 요소와 인라인(inline) 요소 특징

KEMON 2020. 12. 12. 07:26
728x90

1. Block 요소

  • DIV, H1, P 등 대다수의 요소
  • 사용 가능한 최대 가로 너비를 사용
  • CSS를 통해 크기를 지정할 수 있음
  • 기본 CSS (width : 100%; height : 0;)로 시작
  • 수직으로 쌓임
  • margin, padding 위, 아래, 좌, 우 사용 가능
  • 주로 레이아웃 용도

2. Inline 요소

  • SPAN, IMG 등
  • 필요한 만큼의 너비를 사용
  • CSS를 통해 크기를 지정할 수 없음
  • 기본 CSS (width : 0; height : 0;)로 시작
  • 수평으로 쌓임
  • margin, padding 위, 아래는 사용 불가능
  • 주로 TEXT 용도
728x90