在網頁設計中，使用多個CSS控制一個頁面是很常見的。這樣可以使網頁的樣式更加靈活，方便調整和維護。下面我們來看看具體怎么做：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>多個CSS控制一個頁面</title> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style2.css"> </head> <body> <div class="container"> <h1>多個CSS控制一個頁面</h1> <p>這是一個演示用的網頁，使用了多個CSS文件來控制頁面樣式。</p> <ul> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ul> </div> </body> </html>
上面的代碼中，我們在head部分引入了兩個CSS文件：style.css和style2.css。接下來我們分別來看一下這兩個文件的內容：
/* style.css */
.container {
max-width: 800px;
margin: auto;
padding: 20px;
background-color: #f5f5f5;
}
h1 {
color: #333;
font-size: 36px;
line-height: 1.2;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
background-color: #ddd;
padding: 10px;
margin: 10px 0;
border-radius: 5px;
text-align: center;
cursor: pointer;
}
/* style2.css */
.container {
background-color: #fff;
}
h1 {
color: #f00;
}
li {
background-color: #f00;
color: #fff;
}在style.css中，我們定義了.container、h1、ul、li等樣式，這些樣式將被應用到頁面中對應的元素上。而在style2.css中，我們對.container、h1、li等元素重新定義了樣式，這些樣式將覆蓋原有的樣式。
通過這種方式，我們可以使用多個CSS文件來管理頁面的樣式，讓網頁更加靈活多樣。同時，我們也可以根據需要隨時添加或刪除CSS文件，來調整頁面樣式。多個CSS控制一個頁面，是網頁設計中常用的技巧之一。