CSS是用來控制網(wǎng)頁樣式的一種語言,通常將CSS代碼寫在一個獨立的文件中,并通過外鏈的方式引入到HTML文件中來實現(xiàn)樣式控制。以下是CSS文件外鏈的方法。
<link rel="stylesheet" type="text/css" href="style.css">
上面的代碼中,link標(biāo)簽是用來定義外鏈的。其中rel屬性定義了文檔和被鏈接文檔之間的關(guān)系,可以用于告訴瀏覽器被鏈接文檔的用途,type屬性定義了被鏈接文檔的MIME類型,href屬性定義了被鏈接文檔的URI。
href屬性中的“style.css”是CSS文件名,代表需要引用的CSS文件。當(dāng)瀏覽器解析HTML文件時,會自動去下載href屬性指定的文件,并將其應(yīng)用到HTML文檔中。如果想要鏈接多個CSS文件,只需要在HTML文件中定義多個link標(biāo)簽即可。
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="print.css" media="print">
上面的代碼中,第二個link標(biāo)簽添加了一個media屬性,該屬性指定了鏈接的CSS文件只會在打印時生效。這種方式可以讓我們把打印樣式與屏幕樣式分離,并且不會對用戶在屏幕上的瀏覽造成影響。
總結(jié)一下,CSS文件的外鏈?zhǔn)峭ㄟ^定義link標(biāo)簽來實現(xiàn)的,其中href屬性定義了要引入的CSS文件名。正確定義CSS文件的外鏈方式可以讓我們方便地控制網(wǎng)頁的樣式,提升用戶體驗。