視覺格式模型通常說明如何為諸如計算機(jī)屏幕之類的視覺媒體處理文檔樹中的元素。
CSS視覺格式模型是用于處理視覺媒體文檔的算法。在可視格式模型中，文檔樹中的每個元素都會根據(jù)框模型生成零個或多個框。
這些框的布局取決于以下因素：
注意：文檔樹是源文檔中編碼的元素的層次結(jié)構(gòu)。文檔樹中的每個元素都只有一個父元素，而根元素除外。
網(wǎng)頁上顯示的每個元素都會生成一個矩形框。以下部分描述了元素可能生成的框的類型。
塊級元素是那些以視覺方式格式化為塊的元素（即占用可用的全部寬度），并且在元素之前和之后都有換行符。例如，段落元素（<p>），標(biāo)題（<h1> - <h6>），分隔（<div>）等。
通常，塊級元素可以包含內(nèi)聯(lián)元素和其他塊級元素。
內(nèi)聯(lián)級元素是源文檔中不構(gòu)成新內(nèi)容塊的那些元素；內(nèi)容按行分布。例如，段落（<em>），跨度（<span>），強(qiáng)元素（<strong>）等內(nèi)的強(qiáng)調(diào)文本。
內(nèi)聯(lián)元素通常只能包含文本和其他內(nèi)聯(lián)元素。
注意：與塊級元素不同，內(nèi)聯(lián)級元素僅占用必要的寬度，不會強(qiáng)制換行。
您可以使用CSS display屬性更改元素在網(wǎng)頁上的顯示方式。您將在下一章中了解display屬性。