91桃色在线网站免费,久久精品伊人波多野结

2.4.6 URI

CSS在指定資源或數(shù)據(jù)文件的位置時使用一個特殊的術(shù)語：URI(Universal Resource Indicator，統(tǒng)一資源標(biāo)識符)。CSS中使用URI主要有兩個目的：

● 包含樣式表。

● 包含背景圖像。

有一種專門的方法用來引用URI，如下例所示：

.jupiter {

background-image: url(jupiter.jpg);

}

url()語法用于封裝被引用文件的URI。在本例中，jupiter.jpg必須與樣式表處于同一個目錄下。如果樣式表以mystyle.css命名，并位于www.example.com/styles/mystyle.css中，那么mypicture.jpg必須也放在styles目錄下，它的存放路徑應(yīng)該是http://www.example.com/

styles/mypicture.jpg。完整的絕對路徑或簡短的相對路徑都可用來指示文件路徑。第7章將再次討論這一主題，屆時將介紹background屬性及其語法。

2.5 在文檔中包含CSS

在文檔中調(diào)用CSS的方式非常靈活?？梢酝ㄟ^4種方式將CSS包含到文檔中：

● 通過使用內(nèi)嵌的樣式表將CSS包含在文檔中，直接將樣式表放在HTML文檔的<style>和</style>標(biāo)簽之間即可，而這對標(biāo)簽必須放在<head>和</head>標(biāo)簽之間。

body {

font: 12px sans-serif;

}

</ style >

● CSS可以放在一個文檔中并通過<link>元素鏈接到HTML文檔。注意，因為<link>元素并不只是用于引用CSS文件，還可以鏈接到當(dāng)前站點的RSS源等，所以包含rel="stylesheet"很重要，這樣瀏覽器才知道應(yīng)該鏈接什么對象。

● 可通過使用@import規(guī)則，從內(nèi)嵌的或鏈接的樣式表中導(dǎo)入CSS。

@import url(example_1-1.css);

</ style >

● CSS聲明可以通過包含在style屬性中的內(nèi)聯(lián)樣式直接應(yīng)用于HTML文檔中的元素。

前面已經(jīng)使用過內(nèi)嵌樣式表和鏈接的樣式表。建議繼續(xù)使用這些樣式表，除非有特殊的理由不這么做。導(dǎo)入方法對于高級CSS創(chuàng)作者有一些好處，但是也有其缺點，本書中不會討論這方面的內(nèi)容。

在任何情況下都不建議直接對HTML元素應(yīng)用style屬性。這種方式使得CSS的許多優(yōu)點化為烏有，例如使用一條規(guī)則樣式化多個元素；它還使得CSS的組織管理變得更加困難，在第4章中討論針對性的時候會說明這一點。