Visual Formatting Model


Home > Document > CSS > Concepts > Visual Formatting Model >

이 사이트의 Visual Formatting Model section은 IE나 FF 등의 UA(User Agent)가 markup document의 element들을 브라우저 창에 어떻게 표현(render, 또는 묘사) 하는지를 다룬 W3C CSS Level 2 spec의 section 8. Box model, 9. Visual formatting model10. Visual formatting model details에 해당되는 내용 중에 CSS Level 2를 이해하는데 필요한 중요 개념을 발췌하여 정리한 것 입니다.

HTML 4.0 sample CSS
IE나 FF 등의 브라우저를 만들 때 HTML 4.0 element들에 적용시킬 기본 CSS Level 2 property와 value들에 대한 지침
Introduction to visual formatting
Visual formatting의 개념과 용어에 대해 알아 봅니다.
Box types
CSS Level 2에 정의된 box type 들
Block-level과 Inline-level에 대한 이해
Block-level과 inline-level의 차이점에 대해 알아 봅니다.
Div & Span
div element와 span element의 용도와 사용법에 대해 알아 봅니다.
Block box의 수직 정렬
Block box의 수직 정렬에 대한 개요와 block box를 수직 정렬하는 몇 가지 방법을 알아 봅니다.
Inline과 image의 수직 정렬
Line box와 image의 수직 정렬에 대해 알아 봅니다.