當我們在創建網站時，通常需要加上樣式來美化頁面。而在HTML中，我們可以使用CSS（層疊樣式表）來添加樣式。在一個HTML文件中，我們可以引入多個CSS文件來添加不同的樣式。但在引入多個CSS文件時，需要注意一些細節。
<!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" href="style1.css"> <link rel="stylesheet" href="style2.css"> </head> <body> <!-- 頁面內容 --> </body> </html>
在上面的代碼中，我們使用了<link>標簽來引入兩個CSS文件，分別是style1.css和style2.css。需要注意的是，引入多個CSS文件時，應該按照一定的順序。由于CSS是層疊的，后面引入的樣式文件會覆蓋前面引入的樣式文件中相同的樣式。
比如，在style1.css中定義了一個類：
.my-class {
color: red;
}而在style2.css中也定義了一個類：
.my-class {
color: blue;
}那么，頁面中使用這個類的元素將會應用哪個顏色呢？答案是blue，因為style2.css是后面引入的，其定義的樣式會覆蓋style1.css中相同的樣式定義。
如果我們想讓style1.css中定義的樣式生效，可以調整引入樣式文件的順序，將其放在后面。
總之，在引入多個CSS文件時，需要按照一定的順序進行，以確保樣式生效，并避免定義沖突。
上一篇CSS字體顏色塊