2 HTML의 두 가지 혈액형: Block 요소와 Inline 요소

 

혈액형별 심리 테스트를 하면 A형, B형, O형, AB형별로 성격과 심리 상태가 다르게 나옵니다. HTML 또한 Block 요소와 Inline 요소라고 불리는 혈액형 두 개를 갖고 있는데, 이 둘은 성격이 판이합니다.

Block 요소와 Inline 요소는 웹 사이트 레이아웃 작업에 영향을 미치는 요소 중 하나입니다. 결론부터 말하면 Block 요소와 Inline 요소의 특징을 모르면 웹 사이트 작업이 거의 불가능합니다(필자는 이 특징을 모르는 상태로 키즈가오 작업을 시작해서 초반에 꽤 힘겨웠습니다). 그만큼 중요한 내용이므로 집중해서 살펴보겠습니다. 다행히 난이도는 높지 않으니 겁먹지 않아도 됩니다.

 

Block 요소와 Inline 요소에는 다음 세 가지 특징이 있습니다.

■ 줄 바꿈 현상 유무

■ width와 height 속성 적용 유무

■ margin-top, margin-bottom, padding-top, padding-bottom 속성 적용 유무