CSS是一種用于網頁樣式設計的語言，DIV布局是CSS中最常用的布局方式之一。在多頁面的網站中，CSS的使用尤為重要，它可以使得不同的頁面擁有相同的布局和樣式，增加網站的整體一致性與美觀性。
DIV布局的基本思想是將網頁內容分為若干個矩形區域，通過CSS來定義這些區域的大小、位置和樣式。在多頁面的網站中，可以將相同的布局定義為一個CSS文件，在不同的頁面中引用該文件，以達到統一的效果。
/* 定義主容器div的樣式 */
#container {
width: 960px;
margin: 0px auto;
}
/* 定義頭部div的樣式 */
#header {
height: 80px;
background-color: #ccc;
}
/* 定義內容div的樣式 */
#content {
float: left;
width: 680px;
margin-right: 20px;
}
/* 定義側邊欄div的樣式 */
#sidebar {
float: left;
width: 200px;
}
/* 定義頁腳div的樣式 */
#footer {
clear: both;
height: 50px;
background-color: #ccc;
}上述代碼定義了一個基本的布局方式，即由頭部、內容、側邊欄和頁腳四個矩形區域組成，其中頭部和頁腳的高度固定，內容和側邊欄的寬度可以根據需求調整。在不同的頁面中引用該CSS文件，如下所示：
<head> <link rel="stylesheet" type="text/css" href="layout.css"> </head> <body> <div id="container"> <div id="header">頭部內容</div> <div id="content">主要內容</div> <div id="sidebar">側邊欄內容</div> <div id="footer">頁腳內容</div> </div> </body>
通過以上代碼，網站的布局就可以統一，讓頁面看起來更加整潔、美觀。需要注意的是，在引用CSS文件時應該使用相對路徑，以便于在不同的頁面中使用同一個文件。
上一篇css div實現復選框
下一篇css div布局者