CSS樣式表可以使用link或import來引入,下面將介紹它們的使用方法與區(qū)別。
1. link標(biāo)簽
<link rel="stylesheet" type="text/css" href="style.css">
link標(biāo)簽可以用于引入外部CSS樣式表,它的rel屬性必須設(shè)置為"stylesheet",type屬性指定樣式表類型為"text/css",href屬性指定樣式表文件的相對(duì)路徑或絕對(duì)路徑。
2. import語句
@import url("style.css") screen;
import語句也可以用于引入外部CSS樣式表,它的語法與link標(biāo)簽略有不同:以"@"符號(hào)開頭,后跟"import"關(guān)鍵字和URL,URL需要包含引號(hào)(單引號(hào)或雙引號(hào)均可),最后是一個(gè)分號(hào)。import語句必須放在樣式表的開頭。
二者的使用區(qū)別
1. link標(biāo)簽支持所有的屬性(如media="print"),而import語句只能使用href屬性引入樣式表。
2. link標(biāo)簽的引用文件是并行下載,import語句是串行下載。
3. 加載頁面時(shí),link標(biāo)簽引用的CSS樣式表會(huì)同時(shí)加載,而import語句引用的CSS樣式表會(huì)在頁面加載完成后才會(huì)加載。
綜上所述,link標(biāo)簽更加靈活,且速度更快,是推薦使用的方式。