CSS模型是一種用于網頁設計的基礎技術，其作用是通過對HTML元素的樣式定義來控制其顯示效果。CSS模型最基本的思想是將HTML元素看作盒子，每個盒子都是由多個屬性組成的，比如邊框、填充、外邊距等。

.box{
width: 200px;
height: 150px;
border: 1px solid #000;
padding: 20px;
margin: 10px;
}

如上面這段CSS代碼所示，這是一個CSS選擇器，它會選中一個類名為"box"的HTML元素，并對其進行樣式定義。在這段CSS中，我們定義了這個盒子的幾個屬性：

• width:設置盒子的寬度為200px；
• height:設置盒子的高度為150px；
• border:設置盒子的邊框為1px實線黑色；
• padding:設置盒子的內邊距為20px；
• margin:設置盒子的外邊距為10px。

通過這些屬性的定義，我們就可以很輕松地控制這個盒子的顯示效果了。比如，我們可以通過修改height屬性來調整盒子的高度，也可以通過修改padding屬性來調整盒子的內邊距大小。

CSS模型的應用非常廣泛，無論是網頁的排版、樣式調整還是響應式設計，都需要借助CSS模型來實現。對于初學者來說，學習這個基礎技術是很重要的，它不僅可以幫助我們更好地掌握網頁設計的核心思想，還可以幫助我們更好地理解和應用其他高級技術。