外部引用CSS文件是一種在網頁中應用CSS樣式的常用方式。以下是外部引用CSS文件的幾種方式:
第一種方式是在HTML文件的head標簽中使用link標簽引用CSS文件:
<head><link rel="stylesheet" href="style.css"></head>
其中,rel屬性指定引用的是一個樣式表文件,href屬性指定文件的路徑和文件名。
第二種方式是在HTML文件中使用@import規則引用CSS文件:
<head><style>@import url("style.css"); </style></head>
這種方式相較于第一種方式,可以編寫更多的規則,但是會在頁面加載時多出一個HTTP請求,導致頁面加載速度變慢。
第三種方式是在HTML文件中使用style標簽嵌入CSS代碼:
<head><style>p { color: red; } </style></head>
這種方式適用于只有少量樣式規則的情況,并且只應用于這個文件。
第四種方式是使用@import規則嵌入CSS代碼:
<head><style>@import url("data:text/css,p { color: red; }"); </style></head>
這種方式可以在HTML文件中嵌入CSS代碼,但最好適用于只有很少的規則的情況。
以上就是外部引用CSS文件的幾種方式,選擇合適的方式可以更加方便地進行樣式的定制。