CSS是網頁設計中不可或缺的一部分，它可以很好地控制網頁的外觀和布局。其中，CSS有三種基本布局模式，分別是：

1. 塊級布局模型 
2. 行內布局模型 
3. 行內塊級布局模型

下面我們具體來介紹一下這三種布局模型的特點：

1. 塊級布局模型：

塊級元素在網頁中會獨占一行，也就是說它們會在容器中進行自動換行，這樣可以讓內容排版更加清晰，適用于包含一塊內容的元素。
例如：div、p、ul、li等標簽就屬于塊級元素。

div {
display: block;
width: 100px;
height: 100px;
background-color: red;
}

2. 行內布局模型：

行內元素在網頁中不會獨占一行，它們會在同一行內按照從左到右的順序排列，適用于表示一行文本。
例如：a、span、b等標簽就屬于行內元素。

span {
display: inline;
background-color: yellow;
padding: 10px;
margin: 5px;
}

3. 行內塊級布局模型：

行內塊級元素是介于塊級元素和行內元素之間的一種元素，它可以同時設置元素的寬高、內邊距和外邊距，并且可以在同一行內顯示多個元素，適用于顯示不同的圖像和文本內容。
例如：img、input等標簽就屬于行內塊級元素。

img {
display: inline-block;
width: 100px;
height: 100px;
border-radius: 50%;
margin-right: 10px;
}

以上就是關于CSS的三種基本布局模型的詳細介紹。通過對這三種布局模型的理解，我們可以更好地掌握CSS的布局技巧，使網頁設計更加準確、美觀。