在網(wǎng)頁(yè)設(shè)計(jì)中,一個(gè)或多個(gè)CSS樣式可以組成一個(gè)樣式表。樣式表包括內(nèi)部樣式表和外部樣式表,它們沒有本質(zhì)區(qū)別,都是由一個(gè)或者多個(gè)樣式組成。
內(nèi)部樣式表
內(nèi)部樣式表包含在<style>標(biāo)簽內(nèi),一個(gè)<style>標(biāo)簽就表示一個(gè)內(nèi)部樣式表。而通過(guò)標(biāo)簽的style屬性定義的樣式屬性就不是樣式表。如果一個(gè)網(wǎng)頁(yè)文檔中包含多個(gè)<style>標(biāo)簽,就表示該文檔包含了多個(gè)內(nèi)部樣式表。
2. 外部樣式表
如果CSS樣式被放置在網(wǎng)頁(yè)文檔外部的文件中,則稱為外部樣式表,一個(gè)CSS樣式表文檔就表示一個(gè)外部樣式表。實(shí)際上,在網(wǎng)頁(yè)設(shè)計(jì)時(shí),外部樣式表也就是一個(gè)文本文件,擴(kuò)展名為.css。當(dāng)把CSS樣式代碼復(fù)制到一個(gè)文本文件中后,另存為.css文件,它就是一個(gè)外部樣式表。
可以在外部樣式表文件頂部定義CSS源代碼的字符編碼。
【示例】下面代碼定義樣式表文件的字符編碼為中文簡(jiǎn)體。
@charset "gb2312";
如果不設(shè)置CSS文件的字符編碼,可以保留默認(rèn)設(shè)置,則瀏覽器會(huì)根據(jù)HTML文件的字符編碼來(lái)解析CSS代碼。
外部樣式表必須導(dǎo)入到網(wǎng)頁(yè)文檔中,才能夠被瀏覽器識(shí)別和解析。外部樣式表文件可以通過(guò)兩種方法導(dǎo)入到HTML文檔中。使用<link>標(biāo)簽導(dǎo)入使用<link>標(biāo)簽導(dǎo)入外部樣式表文件:
<link href="001.css" rel="stylesheet" type="text/css" />
其中,href屬性設(shè)置外部樣式表文件的地址,在網(wǎng)站建設(shè)時(shí),可以是相對(duì)地址,也可以是絕對(duì)地址。rel屬性定義該標(biāo)簽關(guān)聯(lián)的是樣式表標(biāo)簽,type屬性定義文檔的類型,即為CSS文本文件。
在<style>標(biāo)簽內(nèi)使用@import關(guān)鍵字導(dǎo)入外部樣式表文件:
<style type="text/css">
@import url("001.css");
</style>
在@import關(guān)鍵字后面,利用url()函數(shù)包含具體的外部樣式表文件的地址。