CSS是Cascading Style Sheets的縮寫，它是一種用于定義HTML文檔樣式的語言。在網頁設計中，CSS是非常重要的一環，它提供了一種簡單、優雅、高效的方式來設置HTML元素的樣式和布局，使得網頁設計者能夠更好地實現對網頁的外觀、效果的控制。

在CSS中，我們可以使用許多屬性來設置我們想要的樣式和布局。其中，display、position和float等屬性是我們用來布局HTML元素的主要工具。

/* 設置元素的顯示方式 */
div {
display: block; /* 元素將被視為塊級元素 */
}
/* 設置元素的定位方式 */
#container {
position: relative; /* 基于父元素的位置進行定位 */
left: 100px;
top: 50px;
}
/* 設置元素的浮動方式 */
#sidebar {
float: right; /* 元素將向右浮動 */
width: 200px;
}

通過使用這些屬性，我們可以根據需要對HTML元素進行定位、浮動和顯示。例如，在一個頁面中，我們可能需要把一個側邊欄固定在頁面右側，然后使內容部分自適應頁面寬度。這時，我們可以使用以下CSS代碼：

#sidebar {
position: fixed; /* 元素固定在屏幕右側 */
right: 0;
top: 50px;
width: 200px;
height: 100%;
}
#content {
margin-right: 220px; /* 內容部分留出側邊欄的寬度 */
}

以上代碼將側邊欄固定在屏幕右側，寬度為200像素，高度為100%（覆蓋整個屏幕高度）。然后，我們使用margin-right屬性來調整內容部分的布局，使其在側邊欄的右側留出20像素的空間。

在設計網頁時，CSS為我們提供了強大的控制布局和外觀的能力。通過靈活運用各種屬性和值，我們可以輕松地實現各種復雜的布局效果，為用戶帶來更好的網頁瀏覽體驗。