有三種方(fāng)法可以在站點網頁(yè)上使用樣(yàng)式表(biǎo)：
外部樣式：將網頁鏈接到外部樣式表。 內頁樣式：在網頁上創建嵌入的樣式表。 行內樣式：應用內嵌樣式到各個網頁元素。
每一(yī)種方(fāng)法(fǎ)均有其優缺點：
當(dāng)要在站點(diǎn)上所有或(huò)部分網(wǎng)頁(yè)上一(yī)致(zhì)地應用相同樣(yàng)式(shì)時，可(kě)使(shǐ)用(yòng)外(wài)部(bù)樣(yàng)式表(biǎo)。在一(yī)個(gè)或多個(gè)外部(bù)樣式表(biǎo)中(zhōng)定義(yì)樣式(shì)，並將(jiāng)它(tā)們鏈接(jiē)到(dào)所有網頁，便(biàn)能(néng)確(què)保(bǎo)所有網(wǎng)頁(yè)外(wài)觀(guān)的一致(zhì)性。如(rú)果(guǒ)人們(mén)決(jué)定更(gēng)改樣(yàng)式，隻(zhī)需在外部樣式表中(zhōng)修改一次(cì)，而(ér)該更改(gǎi)會(huì)反映(yìng)到(dào)所有(yǒu)與該(gāi)樣(yàng)式(shì)表相(xiāng)鏈(liàn)接(jiē)的網頁上。通(tōng)常外部樣式(shì)表以 .CSS 做(zuò)為文件擴(kuò)展名(míng)，例如 Mystyles.css。然後(hòu)在需要此(cǐ)樣式(shì)的頁(yè)麵中將其(qí)鏈(liàn)接進(jìn)來(lái)，如：
<link href="/層疊樣式表(biǎo)/樣式(shì).css" rel="stylesheet" type="text/css"/>
<link href="/百度(dù)百科/樣式.css" rel="stylesheet" type="text/css"/>
<!--
在使(shǐ)用(yòng)的時候，最好(hǎo)是把(bǎ)上(shàng)麵(miàn)的漢(hàn)字(zì)改成(chéng)拼音，這(zhè)樣(yàng)可以(yǐ)確(què)保網頁在(zài)不支持中(zhōng)文(wén)的係統中顯示正(zhèng)常。
例如(rú)寫成(chéng)如(rú)下形式：
-->
<link href="/baiduBaike_ShiLi/baidubaike.css" rel="stylesheet" type="text/css"/>
當(dāng)人們隻是要定(dìng)義(yì)當前(qián)網(wǎng)頁(yè)的樣(yàng)式(shì)，可使用嵌入(rù)的樣(yàng)式(shì)表(biǎo)。嵌入(rù)的樣式表(biǎo)是一種級(jí)聯樣(yàng)式表，“嵌(qiàn)”在網(wǎng)頁的(dí) <HEAD> 標(biāo)記符內。嵌(qiàn)入(rù)的樣式表中(zhōng)的(dí)樣(yàng)式(shì)隻能(néng)在同一網(wǎng)頁上使用。 如(rú)：
<style type="text/css">
<!--/*把聲明(míng)的樣(yàng)式(shì)包(bāo)含(hán)在一(yī)個網(wǎng)頁注釋中(zhōng)，這樣可以解決較老(lǎo)的瀏覽器不識別style的問題*/
body{background:grey;}
-->
</style>
使(shǐ)用內(nèi)嵌(qiàn)樣式(shì)以應(yīng)用(yòng)級聯樣式(shì)表(biǎo)屬性到(dào)網(wǎng)頁(yè)元素上。如(rú)：
<p style="@importurl('BaiduBaike_Daima_Shili.css');">層疊(dié)樣式(shì)表文(wén)檔(dàng)</p>
<!--不能(néng)在“樣式”style屬性中使用@import-->
如果(guǒ)網頁(yè)鏈接到外部樣式(shì)表，為網(wǎng)頁所創建的內嵌的或(huò)嵌入式樣式(shì)將擴充或覆(fù)蓋外部(bù)樣式表中(zhōng)的指(zhǐ)定(dìng)屬(shǔ)性。
要在網頁上(shàng)使(shǐ)用外部樣(yàng)式表的樣(yàng)式，可(kě)將該網(wǎng)頁(yè)鏈(liàn)接(jiē)到樣式(shì)表，方法(fǎ)是(shì)使用位於 “格(gé)式” 菜單上的 “樣式表(biǎo)連接(jiē)” 命令。可(kě)以鏈接(jiē)一個(gè)或(huò)數(shù)個樣式表(biǎo)到網頁視圖(tú)模(mó)式下的當前網頁，或到(dào)在(zài)文件夾列表中的(dí)所(suǒ)選網頁，或到站點上的全部(bù)網(wǎng)頁。
該“樣(yàng)式” 框列(liè)出標準(zhǔn) HTML 標記符，例如(rú)標(biāo)題
1，還(huán)有嵌入的(dí)樣(yàng)式(shì)表(biǎo)或鏈接(jiē)到(dào)網(wǎng)頁的外(wài)部(bù)樣式(shì)表中所(suǒ)含的類(lèi)或 ID 選(xuǎn)擇器。要(yào)應用(yòng)樣式到(dào)網頁元素，請(qǐng)選定該(gāi)樣式然後單擊 “樣式(shì)” 框中(zhōng)的樣(yàng)式或(huò)選(xuǎn)擇(zé)器。
在 Microsoft FrontPage 2000中，某些格式(shì)設置特(tè)性會(huì)作(zuò)為內(nèi)嵌(qiàn)樣式(shì)自動(dòng)應用(yòng)。例如∶如果使(shǐ)用 “邊框(kuàng)與(yǔ)陰影” 命(mìng)令（在(zài) “格式(shì)” 菜單上）在(zài)普(pǔ)通(tōng)段落(là)周圍應(yīng)用框，FrontPage 會寫(xiě)下格(gé)式設置信息，作為段落(là)標(biāo)記(jì)符的內嵌(qiàn)樣式屬(shǔ)性（例(lì)如∶ <p style="border-style: solid">）。然而(ér)某些屬(shǔ)性(xìng)的(dí)應(yīng)用(yòng)需要(yào)使用(yòng) CSS，其(qí)他(tā)則需(xū)要使(shǐ)用 HTML 。如(rú)果(guǒ)人們隻想(xiǎng)使用(yòng) CSS 應用內(nèi)嵌樣式，可使用(yòng) “樣式(shì)” 按(àn)鈕（位於網頁元(yuán)素的(dí) “屬性(xìng)” 對話框裏）應(yīng)用(yòng)類或(huò) ID 選擇器或嵌入(rù)式(shì)樣(yàng)式(shì)。
轉(zhuǎn)載(zǎi)請保(bǎo)留(liú)原文(wén)地(dì)址: https://antelcom.cn/show-356.html