CSS（Cascading Style Sheets）是一種用于網頁設計的樣式語言，它可以讓開發者更好地掌控頁面的布局、排版和樣式。在CSS中，有三種主要的盒子模型，分別是標準盒子模型、IE盒子模型以及CSS3的盒子模型。

.box {
width: 200px;
height: 100px;
padding: 10px; 
margin: 20px; 
border: 2px solid black;
}

標準盒子模型（content-box）是默認模型，其寬度和高度只包括內容的寬度和高度，不包括任何邊框、內邊距和外邊距。上述代碼中的盒子就是標準盒子模型的例子。

.box {
width: 200px;
height: 100px;
padding: 10px; 
margin: 20px; 
border: 2px solid black;
box-sizing: border-box;
}

IE盒子模型（border-box）是IE瀏覽器用于模擬怪異模式下的盒子模型，其寬度和高度包括了內容、內邊距和邊框，而不包括外邊距。上述代碼中，添加了一個box-sizing屬性，值為border-box，就是使用IE盒子模型。

.box {
width: 200px;
height: 100px;
padding: 10px; 
margin: 20px; 
border: 2px solid black;
box-sizing: content-box;
}
.box:hover{
width: 250px;
height: 150px;
}

CSS3盒子模型（padding-box）是CSS3新增的一種盒子模型，其寬度和高度包括了內容和內邊距，但不包括邊框和外邊距。在上述代碼中，box-sizing屬性值為content-box，即使用標準盒子模型，當盒子被鼠標懸停時，盒子變大，但不會改變邊框大小。

以上三種盒子模型的選擇還要視具體情況而定，合理選擇盒子模型對于布局的開發非常重要。