以下為本站文章分類清單

  1. AJAXspacer
  2. ASPspacer
  3. CSSspacer
  4. Javascriptspacer
  5. Windows 應用程式spacer
  6. 網頁設計
  7. 評論、短文、雜文spacer
  8. 版主spacer
  9. 最新回應spacer

以下為本頁本文內容

應用在文件中

有四種方法可以在 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 下一頁:連結外部定義檔

以下為文章回應區

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

What is distraction osteogenesis?   2017/8/4 下午 01:11:00

I know this site gives quality based articles or reviews and
other data, is there any other website which gives such stuff in quality?

How do you get Achilles tendonitis?   2017/7/29 上午 03:07:00

Howdy! I just want to give you a big thumbs up for your excellent info you have got here on this post.
I am coming back to your blog for more soon.

How does Achilles tendonitis occur?   2017/7/28 上午 12:14:00

Touche. Great arguments. Keep up the good effort.

How can you get taller in a week?   2017/7/21 上午 09:14:00

Excellent weblog here! Also your web site a lot up fast!

What host are you the use of? Can I am getting your associate link in your host?

I wish my site loaded up as quickly as yours lol

ankle an foot pain   2017/7/3 下午 03:02:00

This is the right site for anybody who wants to find out about this
topic. You understand so much its almost tough to argue with you (not that I really would want to?HaHa).
You definitely put a brand new spin on a subject that
has been discussed for ages. Great stuff, just excellent!

manicure   2017/5/4 上午 12:54:00

We're a gaggle of volunteers and starting a brand new scheme in our community.
Your website provided us with helpful info to work on. You have performed a formidable activity and
our whole neighborhood will likely be thankful to you.

BHW   2017/4/13 下午 08:33:00

Hey I know this is off topic but I was wondering if you knew of any widgets I could add to my blog
that automatically tweet my newest twitter updates.
I've been looking for a plug-in like this for quite some
time and was hoping maybe you would have some experience
with something like this. Please let me know if you run into anything.
I truly enjoy reading your blog and I look forward to your new
updates.

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