以下為本站文章分類清單

 


中文版(簡體)說明

以下為本站側欄內容

以下為本頁本文內容

應用在文件中

有四種方法可以在 HTML 文件中使用體裁定義. 兩個最簡單的方法是定 義體裁在 HTML 文件的 head 或 body 段中。 您也有兩種方法建立獨立 的 style sheet 然後使其附加在 HTML 文件之上

在文件起始就定義體裁 

在一份 HTML 文件中最好的定義體裁的方法是包含在文件起始部位 (如果您想一份體裁定義可以使用在多份文件上時 連結一份外部定檔可以完成) 只要把定義出的體裁包含在<STYLE> 宣告中，像是: 

<HTML> 
<HEAD> 
<STYLE type="text/css"> 
<!-- 
h3 { font-family: 標楷體; font-style: italic; color: green }  
-- > 
</STYLE> 
</HEAD> 
<BODY> 
<H3>綠色、斜體的標楷體標題字</H3> 
<P> 
<H3>這行也是</H3> 
</BODY> 
</HTML>

其中 type 屬性 <STYLE> 則是指定這份體裁定義是(在本例中) CSS 語法. (另一種可能是 "text/javascript" 用在 Netscape JavaScript 體裁定義，未來 style sheet 極可能其他的語法方式出現)(按：CSS 同等效力在 Netscape 流覽器中可以用 JavaScript 的方式來定義，詳細資料請參閱 developer.netscape.com )

包含在 <STYLE> 的指令集確保不會使舊版本流覽器 產生錯誤情形，任何不支援 <STYLE> 指令的流覽器會忽略包含在其中的定義事項。

使用時直接定義體裁 ( defining styles in-line ) 

您也可以在文件主體中 加入 體裁 屬性到任一個 HTML 標題指令中。例如，下列的 HTML 碼使第一行 <H3> 標題文字綠色、斜體的 Arial 字體效果, 但第二段文字則不會有變化: 

<HTML> 
<BODY> 
<H3 style="font-family: 標楷體; font-style: italic; color: green"> 綠色、斜體、標楷體的 H3 標題字</H3> 
<P> 
<H3>這也是 H3 標題, 但不是綠色、斜體、標楷體</H3> 
</BODY> 
</HTML>

把樣式體裁定義在 HTML 文件中，充其量是應用在小型網站中比較合適。 用<style>標籤來定義或是用的時候才定義， 實在沒什麼太大的差別。 果真如此，CSS 不過算是一個花俏的新玩藝，沒什麼太大用處。 真正有趣的還在使用外部定義檔的方式(見下頁)。 您就可以感受到 CSS 的妙用了。

上一頁:什麼是 CSS 下一頁:連結外部定義檔

以下為文章回應區

同意轉載，不過麻煩看一下轉載需知

divider

給個回應
姓名:
佈落格網址:
  如果您是要發問問題, 最好有個問題測試的網址, 這樣比較容易找到您問題所在, 謝謝
內容: