2.5.1 包含內(nèi)嵌樣式表
可以將<style type="text/css"></style>元素添加到文檔的<head>元素中，通過這種方法在文檔中內(nèi)嵌樣式表。在<style>標(biāo)簽內(nèi)部，可以采用本章之前介紹的相同方式添加CSS。
內(nèi)嵌樣式表對于開發(fā)和調(diào)試十分有用。在開發(fā)一個頁面時，直接在文檔中包含CSS可以避免瀏覽器緩存問題，而瀏覽器可能會存儲鏈接的樣式表，并在刷新頁面的時候不會更新它們。
不建議在站點運行的時候鏈接樣式表；但是，鏈接到外部樣式表也有一些優(yōu)勢，接下來就討論這方面的內(nèi)容。
2.5.2 鏈接外部樣式表
外部樣式表是將CSS包含到Web文檔中的首選方法，因為網(wǎng)站中的多個頁面可以共享同一個樣式表，而瀏覽器也可以緩存樣式表。緩存解放了用戶，使得他們不必每發(fā)出一次更新頁面的請求就下載網(wǎng)站的樣式表，這確保了頁面的快速加載，同時也節(jié)約了每個頁面請求占用的帶寬。
以下是使用<link>元素方法的一個示例：
<link rel="stylesheet" type="text/css" href="example_1-1.css">
以下是用<link>元素鏈接CSS文檔所需的屬性：
● rel 定義外部文檔和當(dāng)前文檔之間的關(guān)系。在此例中，外部文檔就是調(diào)用文檔的樣式表。
● type 指的是外部文件的MIME類型。對于CSS，其值總是text/css。
● href 與錨標(biāo)記<a>一樣，href也代表超鏈接引用。它接受樣式表文檔的絕對或相對路徑。
絕對路徑是指文件的完整路徑。例如，www.example.com就是絕對路徑。相對路徑則觸發(fā)應(yīng)用程序?qū)ふ蚁鄬τ谡埱笪臋n的CSS文件。因此，如果示例文件的URL為www.example.com/
example.html，而CSS文檔作為stylesheet.css存儲在stylesheets目錄下，那么<link>元素中的相對路徑應(yīng)該是stylesheets/stylesheet.css，而該文檔的完整絕對路徑應(yīng)該是www.example.com/stylesheets/stylesheet.css。
當(dāng)通過Web服務(wù)器而不是計算機上的文件夾來提供站點時，建議使用包含域名之后部分的絕對路徑，也就是/stylesheets/stylesheet.css。
鄂公網(wǎng)安備 42010302001612號