CSS模型是一種將網(wǎng)站元素分成多個層次的方式，以實現(xiàn)更好的頁面布局和樣式設(shè)計。它分為盒模型和文檔流模型。

.box { // 盒模型
box-sizing: border-box;
width: 300px;
height: 200px;
padding: 10px;
margin: 20px;
border: 1px solid black;
}

盒模型是一種將元素包裝在矩形盒子內(nèi)的方法，它包含四個部分：邊距（margin）、邊框（border）、填充（padding）和內(nèi)容（content）。使用盒模型可以更好地控制元素在頁面上的位置和大小。

.content { // 文檔流模型
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}

文檔流模型是一種控制文檔元素和文本流的方法，它可以幫助開發(fā)人員更好地控制元素的位置和布局。將元素設(shè)置為flex容器，可以使用justify-content屬性和align-items屬性來實現(xiàn)元素之間的間距和垂直對齊。

總之，CSS模型是Web開發(fā)中必不可少的工具之一，它可以幫助開發(fā)人員更好地控制元素的位置和大小，從而實現(xiàn)更好的頁面布局和樣式設(shè)計。