CSS可以縮減文件大小
術(shù)語
- 元素：文檔結(jié)構(gòu)的基礎(chǔ)溢十，如p垮刹，table,span,a,div
- 替換元素與非替換元素： 替換元素指用來替換元素內(nèi)容的部分并非由文檔內(nèi)容直接表示，如img张弛，input荒典。非替換元素，大多數(shù)元素屬于非替換元素乌庶，其內(nèi)容由用戶代理（瀏覽器）在元素本身生成的框中顯示种蝶。
- 元素顯示角色： 塊級元素，會填充其父元素的內(nèi)容區(qū)瞒大，旁邊不能有其他元素螃征，相當(dāng)于一個“分隔符”，如p透敌，div盯滚。行內(nèi)元素在一個文本行內(nèi)生成元素框。
Link標(biāo)記
Link 將樣式表鏈接到文檔中酗电。首先先介紹一下Link屬性：
- rel(代表relation)：代表“關(guān)系 ”魄藕。此屬性值設(shè)置為 alternate stylesheet 時，可定義候選樣式表撵术， 當(dāng)用戶選擇這個樣式表時才會用于文檔表現(xiàn)背率。為候選樣式表指定相同的title時就可以把它們分 組在一起。
- type：總是設(shè)置為“text/css”嫩与，描述了使用link標(biāo)記加載的數(shù)據(jù)類型
- href： 樣式表的URL寝姿，可以是絕對路徑，也可以是相對URL
- media： all 表示應(yīng)用于所有表現(xiàn)媒體划滋，screen：屏幕媒體中饵筑，print：為視力正常的用戶打印文檔時使用，也會在打印預(yù)覽時使用处坪。以上三種是得到最廣泛支持的類型根资。
- title： 如果為一個 rel 為 stylesheet 的樣式表link指定了標(biāo)題 title架专，表示該樣式表要作為首選樣式表。如果沒有指定 title玄帕，那么該樣式表就將作為一個永久樣式表部脚，始終用于文檔的顯示。
style元素：此元素中包含樣式表裤纹，在文檔中單獨出現(xiàn)睛低。
@import指令
與link類似，@import用于指示web瀏覽器加載一個外部樣式表服傍，@import 出現(xiàn)在 style 容器中，必須放在其他 CSS 規(guī)則前骂铁。@import 無法指定候選樣式表吹零，它也可以限制所導(dǎo)入的樣式表應(yīng)用于一種或多種媒體。
@import url(sheet.css);
如果一個樣式表需要使用其他外部樣式表中的樣式拉庵，便可以使用 @import灿椅。@import 中的 URL參數(shù)可以是相對也可以是絕對路徑。
向后可訪問性
如果一個瀏覽器無法識別<style></style> 就會將其統(tǒng)統(tǒng)忽略钞支，而里面標(biāo)記的聲明不一定會被忽略茫蛹，而被顯示在頁面上面，為了解決這個問題烁挟，建議將聲明包含在一個注釋標(biāo)記中婴洼，如下：
<style type="text/css"><!--
@import url(sheet.css);
h1{color:red}
--></style>
CSS注釋：CSS注釋不可以嵌套
內(nèi)聯(lián)樣式
如果只是想為單個元素指定一些樣式，可以使用 HTML 的 style 屬性撼嗓。除了在 body 外部出現(xiàn)的標(biāo)記(例如：head或title)柬采，style屬性可以與任何其他 HTML 標(biāo)記關(guān)聯(lián)。一個內(nèi)聯(lián) style 屬性中只能放一個聲明塊且警，不能放整個樣式表粉捻。通常并不推薦使用 style 屬性。
