CSS模型是用于布局和排版網頁元素的一種方法。它涉及到三個主要的概念：文檔流、盒模型和定位。

文檔流指的是元素在HTML文檔中出現的順序和位置。默認情況下，元素按照它們在文檔中出現的順序依次排列。但是，如果使用CSS的定位屬性，可以改變元素在文檔流中的位置。

/* 將元素的位置設置為絕對定位 */
position: absolute;
top: 10px;
left: 100px;

盒模型是指每個元素都是一個矩形的盒子，包含內容、內邊距、邊框和外邊距。內容的大小由元素本身的大小決定，而內邊距、邊框和外邊距的大小可以使用CSS進行控制。

/* 設置元素的內邊距為10像素 */
padding: 10px;
/* 設置元素的邊框寬度為1像素 */
border: 1px solid black;
/* 設置元素的外邊距為20像素 */
margin: 20px;

定位指的是元素相對于它的父元素或文檔的位置。常見的定位方法有相對定位、絕對定位和固定定位。

/* 將元素的位置設置為相對定位 */
position: relative;
/* 將元素的位置設置為絕對定位 */
position: absolute;
/* 將元素的位置設置為固定定位 */
position: fixed;

總之，CSS模型是一種用于控制元素布局和排版的強大工具。通過理解文檔流、盒模型和定位的概念，開發人員可以創建美觀、易于導航和易于管理的網頁。