CSS 與 html文檔的結(jié)合方法

CSS 與 html文檔的結(jié)合方法

css控制網(wǎng)頁內(nèi)容顯示格式的方式是通過許多定義的樣式屬性（乳字號，段落控制等）實現(xiàn)的，并將多個樣式屬性定義為一組可供調(diào)用的選擇符。選擇符就是某個樣式的名稱，稱之為選擇符的原因是，當(dāng)HTML文檔中某元素要使用該樣式時，需利用該名稱來選擇樣式

想讓瀏覽器顯示出樣式就需要讓瀏覽器識別調(diào)用。這里介紹4種頁面中插入樣式表的方法：定義內(nèi)部樣式表，定義行內(nèi)樣式表，鏈入外部樣式表環(huán)繞導(dǎo)入外部樣式表。

1.定義內(nèi)部樣式表

內(nèi)部樣式表是指吧樣式表到頁面的head區(qū)內(nèi)，這些定義的樣式就應(yīng)用到頁面中，樣式表是用style標(biāo)簽插入的。定義的樣式表可以再整個HTML文檔中調(diào)用。可以在HTML文檔中html和body標(biāo)簽之間插入一個style標(biāo)簽對，在其中定義樣式

內(nèi)部樣式表格格式：

其中style標(biāo)簽用來聲明所要定義的樣式，type屬性指定style使用css的語法來定義。屬性與屬性值用 ‘:’ 隔開；定義之間用“ ； ”隔開。

組合選擇符的格式：

組合選擇符可以減少重復(fù)定義的麻煩，當(dāng)多個選擇符具有相同的樣式時就可以使用組合選擇符。

2.定義行內(nèi)樣式表

行內(nèi)樣式表也稱為內(nèi)嵌樣式表，是指在html標(biāo)簽中插入style屬性，在定義要顯示的樣式表，而style屬性就是css屬性的屬性和值。這種方法可以很輕松地對某個單獨的標(biāo)簽進(jìn)行定義樣式。而且這種樣式只對定義的標(biāo)簽起作用不會影響頁面整體樣式。

行內(nèi)樣式的格式為：

<標(biāo)簽 style="屬性:屬性值;屬性:屬性值...">

此種方式不推薦使用，因為再做大型項目時比較麻煩

3.鏈入外部樣式表

鏈入外部樣式表就是當(dāng)瀏覽器讀取到HTML文檔的樣式，將會想鏈接外部樣式表文件索取樣式。先將樣式表保存為一個樣式表文件（css）然后再網(wǎng)頁中用link標(biāo)簽鏈接這個樣式表文件。

格式：

... ...

如果將一個樣式表鏈入到多個html文件，當(dāng)這個樣式表改變時，所有頁面樣式都會改變。因此在制作大量相同樣式時這種方法是非常好用的。

4.導(dǎo)入外部樣式表

導(dǎo)入外部樣式表就是當(dāng)瀏覽器讀取HTML文件時，復(fù)制一份樣式表到這個HTML文件中。即在內(nèi)部表的style標(biāo)簽中導(dǎo)入一個外部樣式表文件。

格式為：

他與鏈入外部樣式表的區(qū)別是他是導(dǎo)入即復(fù)制一份文件到內(nèi)部，一般采用鏈入的方式。

CSS HTML

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。