域名注冊 網(wǎng)站制作
您現(xiàn)在的位置:首頁 >> 網(wǎng)站建設(shè) >> 內(nèi)容

css使用方法

時間:2014/11/18 16:38:15 點擊:242

摘要:有三種方法可以在站點網(wǎng)頁上使用樣式表:外部樣式:將網(wǎng)頁鏈接到外部樣式表。內(nèi)頁樣式:在網(wǎng)頁上創(chuàng)建嵌入的樣式表。行內(nèi)樣式:應(yīng)用內(nèi)嵌樣式到各個網(wǎng)頁元素。每一種方法均有其優(yōu)缺點:當要在站點上...

有三種方法可以在站點網(wǎng)頁上使用樣式表:

  外部樣式:將網(wǎng)頁鏈接到外部樣式表。
  內(nèi)頁樣式:在網(wǎng)頁上創(chuàng)建嵌入的樣式表。
  行內(nèi)樣式:應(yīng)用內(nèi)嵌樣式到各個網(wǎng)頁元素。

每一種方法均有其優(yōu)缺點:

當要在站點上所有或部分網(wǎng)頁上一致地應(yīng)用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,并將它們鏈接到所有網(wǎng)頁,便能確保所有網(wǎng)頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表中修改一次,而該更改會反映到所有與該樣式表相鏈接的網(wǎng)頁上。通常外部樣式表以 .CSS 做為文件擴展名,例如 Mystyles.css。然后在需要此樣式的頁面中將其鏈接進來,如:

<link href="/層疊樣式表/樣式.css" rel="stylesheet" type="text/css"/>

<link href="/百度百科/樣式.css" rel="stylesheet" type="text/css"/>

<!--

在使用的時候,最好是把上面的漢字改成拼音,這樣可以確保網(wǎng)頁在不支持中文的系統(tǒng)中顯示正常。

例如寫成如下形式:

-->

<link href="/baiduBaike_ShiLi/baidubaike.css" rel="stylesheet" type="text/css"/>

當人們只是要定義當前網(wǎng)頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯(lián)樣式表,“嵌”在網(wǎng)頁的 <HEAD> 標記符內(nèi)。嵌入的樣式表中的樣式只能在同一網(wǎng)頁上使用。 如:

<style type="text/css">

<!--/*把聲明的樣式包含在一個網(wǎng)頁注釋中,這樣可以解決較老的瀏覽器不識別style的問題*/

body{background:grey;}

-->

</style>

使用內(nèi)嵌樣式以應(yīng)用級聯(lián)樣式表屬性到網(wǎng)頁元素上。如:

<p style="@importurl('BaiduBaike_Daima_Shili.css');">層疊樣式表文檔</p>

<!--不能在“樣式”style屬性中使用@import-->

如果網(wǎng)頁鏈接到外部樣式表,為網(wǎng)頁所創(chuàng)建的內(nèi)嵌的或嵌入式樣式將擴充或覆蓋外部樣式表中的指定屬性。

要在網(wǎng)頁上使用外部樣式表的樣式,可將該網(wǎng)頁鏈接到樣式表,方法是使用位于 “格式” 菜單上的 “樣式表連接” 命令。可以鏈接一個或數(shù)個樣式表到網(wǎng)頁視圖模式下的當前網(wǎng)頁,或到在文件夾列表中的所選網(wǎng)頁,或到站點上的全部網(wǎng)頁。

該“樣式” 框列出標準 HTML 標記符,例如標題

1,還有嵌入的樣式表或鏈接到網(wǎng)頁的外部樣式表中所含的類或 ID 選擇器。要應(yīng)用樣式到網(wǎng)頁元素,請選定該樣式然后單擊 “樣式” 框中的樣式或選擇器。

在 Microsoft FrontPage 2000中,某些格式設(shè)置特性會作為內(nèi)嵌樣式自動應(yīng)用。例如∶如果使用 “邊框與陰影” 命令(在 “格式” 菜單上)在普通段落周圍應(yīng)用框,F(xiàn)rontPage 會寫下格式設(shè)置信息,作為段落標記符的內(nèi)嵌樣式屬性(例如∶ <p style="border-style: solid">)。然而某些屬性的應(yīng)用需要使用 CSS,其他則需要使用 HTML 。如果人們只想使用 CSS 應(yīng)用內(nèi)嵌樣式,可使用 “樣式” 按鈕(位于網(wǎng)頁元素的 “屬性” 對話框里)應(yīng)用類或 ID 選擇器或嵌入式樣式。

轉(zhuǎn)載請保留原文地址: http://www.448gfe.cn/show-356.html

責編:王麗 作者:不詳 來源:網(wǎng)絡(luò)