CSS是用于網頁樣式設計的語言，它通過不同的屬性來定義網頁的展現形式，其中最重要的就是布局。在網頁設計中，布局是至關重要的一部分，它決定了網頁的整體結構和外觀。CSS中有幾種基本布局，下面我們一一介紹。

/* 塊元素布局 */
div {
display: block;
}
/* 行內元素布局 */
span {
display: inline;
}
/* 行內塊元素布局 */
img {
display: inline-block;
}
/* 浮動布局 */
float: left;

第一種基本布局是塊元素布局，塊元素是指那些獨占一行的元素，比如div、p等標簽。通過設置元素的"display"屬性為"block"，我們可以讓元素獨占一行，使得網頁結構更加清晰和易讀。

第二種基本布局是行內元素布局，行內元素是指那些不獨占一行的元素，比如span、a等標簽。通過設置元素的"display"屬性為"inline"，我們可以讓元素與其他元素在同一行顯示，從而達到節省空間的效果。

第三種基本布局是行內塊元素布局，行內塊元素是指那些既不獨占一行，又可以設置寬高的元素，比如img、button等標簽。通過設置元素的"display"屬性為"inline-block"，我們可以讓元素既不獨占一行，又可以設置寬高，從而實現更加靈活的布局效果。

第四種基本布局是浮動布局，浮動是指將元素從正常的文檔流中移除，并使其向左或右浮動，以便為其他元素騰出空間。通過設置元素的"float"屬性，我們可以讓元素浮動并與其他元素進行互相排布，從而實現更為復雜的布局效果。