|
用不同的方法應(yīng)用CSS
有以下幾種方法使一個(gè)HTML文檔中的元素應(yīng)用CSS。 外鏈?zhǔn)?/STRONG>
把所有的CSS規(guī)則都寫在一個(gè)或幾個(gè)單獨(dú)的文件中，這種做法有許多優(yōu)點(diǎn)。HTML文檔會(huì)變得非常的小，CSS文件被存在瀏覽器的緩存中，僅僅需要下載一次即可，并且你只需要修改一個(gè)文件就可以改變整個(gè)網(wǎng)站的樣式。一個(gè)外鏈?zhǔn)降腃SS文件，見如下: h1 { font-weight:bold; }
注意:在外鏈的CSS中沒有<style>標(biāo)簽。
你可以使用 <link>標(biāo)簽來把一個(gè)CSS鏈接到HTML文檔中: <link rel="stylesheet" type="text/css" href="styles.css" />
或者在<style>中使用一個(gè)@import標(biāo)簽 : <style type="text/css"> @import url("styles.css"); </style>直線式
通過使用style屬性,你可以直接的在HTML中應(yīng)用CSS: <h1 style="font-weight:bold;">Rubrik</h1>
這種情況，應(yīng)盡量的避免，因?yàn)樗呀Y(jié)構(gòu)和表現(xiàn)混在一起了。 內(nèi)嵌式
內(nèi)嵌式CSS是寫在<style>標(biāo)簽中，也是寫在文檔的<head>中: <style type="text/css"> h1 { font-weight:bold; } </style>
這種情況也應(yīng)該盡量避免，最好還是把HTML和CSS用單獨(dú)的文件存放。 相關(guān)文章:
CSS的語(yǔ)法
一條CSS的規(guī)則是由一個(gè)選擇器和一個(gè)或多個(gè)聲明組成。選擇器決定了CSS規(guī)則可作用于文檔中的哪個(gè)或哪些元素。一個(gè)屬性和一個(gè)值組成了一個(gè)聲明，聲明要用大括號(hào)（{}）括起來，并且每個(gè)聲明要用分號(hào)（；）結(jié)束。
一個(gè)簡(jiǎn)單的CSS規(guī)則如下: p { color:#0f0; font-weight:bold; }
這個(gè)例子中, p就是選擇器,表示這條規(guī)則將作用于文檔中的所有被<p>包圍的內(nèi)容。這個(gè)規(guī)則中，有兩條聲明，它們共同作用，使 <p>中的內(nèi)容所有字體為綠色并且加粗。
想了解更詳細(xì)的CSS規(guī)則，可以參閱 CSS Beginner’s Guide, CSS from the Ground Up或者一個(gè)CSS手冊(cè)。 相關(guān)文章:
多余的元素和類
當(dāng)我們剛開始學(xué)CSS時(shí)，很容犯一些錯(cuò)誤：使用不必要的XHTML元素、多余的類和額外的 <div>。并不是說這些代碼是不規(guī)范的，而是它與一些原則（如結(jié)構(gòu)與表現(xiàn)相分離，使用簡(jiǎn)單的整潔的標(biāo)記）相矛盾。
下面是一個(gè)使用不必要XHTML元素的例子: <h3><em>Headline</em></h3>
如果你想使標(biāo)題行變成斜體，可以使用CSS來重新定義 <h3>元素: h3 { font-style:italic; }
下面是一個(gè)使用多余的類的例子: <div id="main"> <div class="maincontent"> <p class="maincontenttext"> CSS的用法的奧秘很多 </p> </div> </div>
下面這么寫可能更好: <div id="main"> <div> <p> CSS的用法的奧秘很多 </p> </div> </div>
為了控制div#main中的元素，你可以在CSS代碼中使用相關(guān)的的選擇器，例如: div#main p { /* rules */ }
多數(shù)情況下，CSS允許你把想要的樣式來定義XHTML，而不用增加額外的的標(biāo)記。但是有的時(shí)候，增加一些額外的代碼也是必要的。
出處：藍(lán)色理想
責(zé)任編輯：紅色黑客
上一頁(yè) CSS [1] 下一頁(yè) CSS [3]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁(yè) 
第 8 頁(yè) CSS [2]
