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