標題標題  顯示論壇會員列表名單  搜索論壇搜索  HelpHelp
  注冊注冊  登入登入
ASP教學區
 DoReMe : ASP教學區
主題 話題: 第七章 高級HTML 回復發表新主題
作者
貼子內容 << Prev Topic下一個主題 >>
friend
Newbie
Newbie


加入: 2004/5月/08
Online Status: Offline
回復: 38
Posted: 2004/11月/16 1:19下午 | IP記錄 引用 friend

為多個網頁使用Style Sheet

你可以將你的style 規則分別放置於幾個文件中,並為多個文件指定相同的規則。這是style sheet的一個強大功能,通過使用為多個網頁設置的規則,你可以為你的網站提供一個一致的界面。

你可以建立一個style sheet文件,裡面除了style sheet規則以外什麼也沒有了。在此文件中,你不需要包含<STYLE>標識符或其它的任何HTML標識符。例如 ,下面的例子就是一個合法的style sheet文件:

H1 {color: green; font-family: Arial}

P {font-family: Impact}

.Title {background: gray; color: yellow; font: bold 14pt 「Comic Sans MS」}

建立一個新文件,只包含上面的三條規則,你可以用任何一個名字將此文件保存。然而,你應當為此文件指定擴展名為.css,例如, 你應當將文件保存為mystyle.css。

要將你剛剛建立的這個文件中的規則作用於其它的HTML文件,你就需要在HTML文件的頭部添加<LINK>標識符 ,就像下面的例子:

<HTML>

<HEAD>

<TITLE> Any Old HTML File </TITLE>

<LINK TYPE=「text/css」 HREF=「mystyle.css」 REL=stylesheet TITLE=「mystyle」>

</HEAD>

<BODY>

<DIV CLASS=TITLE> I am the title of this document </DIV>

<H1> First Section </H1>

<P> I have the Impact typeface because of the linked style sheet. </P>

</BODY>

</HTML>

當這個HTML文件在瀏覽器上顯示時,瀏覽器獲取style sheet規則並相應地將網頁規格化(見圖7.37)。

 

圖7.37 使用外部的style文件來控制網頁的佈局

 

<LINK>標識符具有四個屬性,第一個屬性TYPE指定了鏈接文件的MIME類型,Cascading Style Sheet具有「text/css」的MIME類型。HREF屬性指出了包含有規則的文件名。REL屬性告訴瀏覽器鏈接的文件是 一個style sheet。最後,TITLE屬性為style sheet提供一個標題,你可以為你的style sheet提供任意一個標題。

 

注意

Internet Explorer 3.0不能識別某些特定的style sheet屬性,當它們被放置在不同的文件中時。例如,background屬性就會被忽略。

小結

本章講述了HTML中的一些最高級的標識符,你學會了怎樣使用image map,它可以用來讓你的網站更易於操縱。還學習了怎樣使用窗口和框架來同時顯示多個HTML文件。最後,使用cascadin g style sheet,你現在瞭解了怎樣為你的網頁甚至整個網站指定高級的規則。

Back to Top 查看 friend's 資料 搜索其他貼子 friend 訪問 friend's
 

如果你想回復的話你必須首先 login
如果你還沒有注冊的話你必須首先 注冊

<< 上一頁 頁 of 4
  回復發表新主題
顯示可打印的頁面 顯示可打印的頁面

論壇跳轉
不能 張貼新論題在這個討論版
不能 回應論題在這個討論版
不能 刪除你的發言在這個討論版
不能 編輯你的發言在這個討論版
不能 新增投票標題在這個討論版
不能 在這個討論版投票

Edit by doreme Forums version 2004
Welcome ©2001-2004 doreme Guide

This page was generated in 0.2031 seconds.

 
保養品
保養品, Skin Care
www.elady.tw
美材批發
美材, Cosmetic
www.elady.tw/beauty_org
保養品批發
名牌保養品、保養品批發
gb.perfume.com.tw/skincare
飾品批發
飾品、飾品批發
gb.perfume.com.tw/ornament