CSS與HTML結(jié)合的方法

1、1CSS與與HTML結(jié)合的方法結(jié)合的方法2三種方法：三種方法：內(nèi)嵌樣式表內(nèi)嵌樣式表內(nèi)部樣式表內(nèi)部樣式表外部樣式表外部樣式表3 舉個(gè)例子：舉個(gè)例子： CSS實(shí)例實(shí)例 代碼說明：代碼說明： 用藍(lán)色顯示字體大小為用藍(lán)色顯示字體大小為10pt的的“CSS實(shí)例實(shí)例”。 盡管使用簡單顯示直觀，但是這種方法不怎么常用，因?yàn)楸M管使用簡單顯示直觀，但是這種方法不怎么常用，因?yàn)檫@樣添加無法完全發(fā)揮樣式表的優(yōu)勢這樣添加無法完全發(fā)揮樣式表的優(yōu)勢“內(nèi)容結(jié)構(gòu)和樣式控制分內(nèi)容結(jié)構(gòu)和樣式控制分別保存別保存”。 4CSS與HTML結(jié)合的第二種方法!-bodyfont-family:黑體黑體;font-size:25px;col

2、or:green;- /* 以上是以上是CSS的定義的定義 */通過這個(gè)例子，我們可以看到字體和字的大小以及字的顏色都在前面的通過這個(gè)例子，我們可以看到字體和字的大小以及字的顏色都在前面的樣式表中定義。樣式表中定義。CSS代碼-內(nèi)部樣式表寫在本頁面中，只有這個(gè)頁面可以引用寫在本頁面中，只有這個(gè)頁面可以引用56CSS與與HTML結(jié)合的第結(jié)合的第二二種方法種方法 北國風(fēng)光北國風(fēng)光td 千里冰封千里冰封 調(diào)用前面定義的調(diào)用前面定義的csstype=”text/css”表示表示樣式表采用樣式表采用MIME類型，類型，幫助不支持幫助不支持CSS的瀏覽的瀏覽器過濾掉器過濾掉CSS代碼，避代碼，避免在瀏覽器

3、面前直接以免在瀏覽器面前直接以源代碼的方式顯示我們源代碼的方式顯示我們設(shè)置的樣式表。設(shè)置的樣式表。78添加在添加在HTML的頭信息標(biāo)識符的頭信息標(biāo)識符里：里：格式格式1： 說明：說明： *.css是單獨(dú)保存的樣式表文件，其中不能包含是單獨(dú)保存的樣式表文件，其中不能包含標(biāo)識符，標(biāo)識符，并且只能以并且只能以css為后綴；為后綴； Rel 屬性表示被了鏈接文件的關(guān)系，值為屬性表示被了鏈接文件的關(guān)系，值為“Stylesheet”； href屬性表示引用的鏈接樣式表文件。屬性表示引用的鏈接樣式表文件。 9格式格式2：import “*.css; type 指定樣式表類型指定樣式表類型 title 指定指定標(biāo)記的標(biāo)題標(biāo)記的標(biāo)題 media指定樣式表的目的類型指定樣式表的目的類型1011內(nèi)部外外部部內(nèi)嵌式內(nèi)嵌式12對于名稱相同的樣式，樣式的優(yōu)先級從高到低依次是：對于名稱相同的樣式，樣式的優(yōu)先級從高到低依次是：內(nèi)嵌內(nèi)嵌(inline), 內(nèi)部內(nèi)部(internal), 外部外部(external), 瀏覽器缺省瀏覽器缺省(browser default)。其中內(nèi)部其中內(nèi)部CSS和外部和外部CSS沒有優(yōu)先級的先后，沒有