CSS模型是網頁設計中一個非常重要的概念，它可以用來控制網頁中元素的布局和樣式。CSS模型分為兩類：塊級元素和行內元素。

塊級元素是指在網頁中每個元素都占據一整行空間，它們可以設置寬度、高度、內邊距和外邊距。在HTML中，塊級元素用<div>或<p>標簽表示。

div {
width: 50%;
height: 100px;
margin: 10px;
padding: 5px;
}

行內元素是指在網頁中各個元素都在同一行中，它們只能設置寬度和內邊距。在HTML中，行內元素用<span>或<a>標簽表示。

span {
width: 50px;
padding: 2px;
}

除了CSS模型外，浮動定位盒是網頁設計中另一個常用的概念。浮動定位盒可以將某個元素從正常的文檔流中移出來，從而實現元素的布局。

使用浮動定位盒可以實現多列布局、文字環繞圖片等效果。在CSS中，可以使用float屬性來設置元素的浮動方向。

img {
float: left;
margin-right: 10px;
}

CSS模型和浮動定位盒是設計網站界面不可缺少的兩個概念，掌握它們可以讓你更好地設計出優美、實用的網站。