CSS(層疊樣式表)是一種用于定義網頁布局和樣式的語言。它可以將 HTML 元素與樣式規則相關聯,從而實現網頁的美化和分層。
在網頁布局中,CSS 的作用非常重要。它可以通過選擇器和屬性來控制網頁元素的位置、大小、顏色和樣式等。同時,CSS 還可以通過盒模型來實現網頁布局。
.container { width: 800px; margin: 0 auto; /* 居中顯示 */ } .header { height: 100px; background-color: #333; } .nav { height: 50px; background-color: #666; } .main { float: left; width: 600px; background-color: #999; } .sidebar { float: left; width: 200px; background-color: #ccc; } .footer { clear: both; /* 清除浮動 */ height: 50px; background-color: #333; }
以上是一個基本的網頁布局,主要包括頭部、導航菜單、主要內容、側邊欄和底部。通過設置容器的寬度和居中方式,可以實現網頁的整體排版。而頭部、導航菜單、主要內容、側邊欄和底部則可以通過設置各自的樣式和位置來實現網頁布局。
使用 CSS 進行網頁布局不僅可以提高網頁的美觀度和可讀性,也可以提高網頁的可維護性和擴展性。