在網頁開發中，我們經常需要為一個頁面創建多種不同的樣式。可能是為了適應不同的窗口尺寸，也可能是為了提供給不同的用戶組不同的用戶體驗。在這種情況下，我們可以使用兩種CSS文件來改變頁面的樣式。以下是一個示例：
<head> <link rel="stylesheet" type="text/css" href="style1.css"> <link rel="stylesheet" type="text/css" href="style2.css"> </head>
在這個例子中，我們使用了兩個<link>標簽，分別鏈接到了名為style1.css和style2.css的兩個不同的CSS文件。這意味著，無論是style1.css還是style2.css中的樣式都將影響我們的頁面。
為了更好的理解，請看下面的例子：
//style1.css
body {
background-color: white;
font-family: Arial, sans-serif;
color: black;
}
//style2.css
body {
background-color: black;
font-family: Helvetica, sans-serif;
color: white;
}在這個例子中，我們使用了兩個CSS文件來分別定義了body元素的樣式。在style1.css中，我們定義了background-color為白色，字體為Arial和黑色的字體顏色。而在style2.css中，我們將背景顏色設置為黑色，字體設置為Helvetica并將字體顏色設為白色。
從這個例子中我們可以看出，一個頁面可以同時引用多個CSS文件，并使用這些文件中的不同樣式。這讓我們可以為不同的用戶群體提供不同的頁面體驗，或者讓我們的頁面適應不同的窗口大小。
上一篇一天一個css的技巧
下一篇html5圖片設置背景