在網頁開發中，一個網頁通常需要包含多個CSS文件來實現不同的樣式效果。這樣做的好處是可以使CSS文件更加模塊化，易于維護和管理。比如，可以將一些公用的樣式封裝到一個通用的CSS文件中，讓多個網頁共享這些樣式；同時，對于每個特定的網頁，可以單獨定義一個CSS文件來實現獨特的樣式設計。
/* 通用樣式 */
body {
background-color: #f5f5f5;
font-size: 16px;
font-family: "Helvetica Neue", Arial, sans-serif;
}
a {
color: #337ab7;
text-decoration: none;
}
/* 特定樣式1 */
#header {
background-color: #333;
color: #fff;
padding: 20px;
}
/* 特定樣式2 */
.container {
max-width: 1200px;
margin: 0 auto;
}
/* 特定樣式3 */
.btn {
display: inline-block;
padding: 10px 20px;
background-color: #337ab7;
color: #fff;
border: none;
border-radius: 5px;
font-size: 18px;
}以上是一個簡單的例子，它包含了三個不同的CSS文件。第一個是通用的樣式，第二個是針對一個網頁的特定樣式，比如頂部導航欄的樣式，第三個是另一個網頁的特定樣式，比如按鈕的樣式。這三個樣式文件可以在同一個網頁中同時引用。在HTML中，可以通過如下形式引用一個CSS文件：
<head> <link rel="stylesheet" href="common.css"> <link rel="stylesheet" href="page1.css"> <link rel="stylesheet" href="page2.css"> </head>
通過以上方式引用多個CSS文件，可以靈活地控制網頁的樣式，使得網頁更加美觀和易于用戶使用。