?? 7-3-3.cfm.htm
字號:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>在HTML標識符中加入Styles</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋體"><b>
<p ALIGN="JUSTIFY">在HTML標識符中加入Styles</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">你可以為幾乎所有的HTML標識符提供規則。例如,假設你想讓處于一個列表中的所有文字以紅色顯示出來,你就可以用下面的規則來實現這一點:</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Style </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY"><!--</p>
<p ALIGN="JUSTIFY">B {color: red}</p>
<p ALIGN="JUSTIFY">OL {color: red}</p>
<p ALIGN="JUSTIFY">-- ></p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><B> I am bold and red </B></p>
<p ALIGN="JUSTIFY"><OL></p>
<p ALIGN="JUSTIFY"><LI> I am red.</p>
<p ALIGN="JUSTIFY"><LI> So am I.</p>
<p ALIGN="JUSTIFY"></OL></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">在此例中,規則OL {color : red}作用于所有列出的表項顏色。如果你有多個列表,其余列表中表項的顏色也會是紅色。</p>
<p ALIGN="JUSTIFY">在此Style Sheets中的所有規則對它們所作用的元素都有相同的效果,第一個規則讓所有包含在<B>標識符中的文字以紅色顯示出來,而第二個規則讓所有位于每個有序列表中的東西都以紅色顯示。要想節省代碼長度,你可以將這兩句合并為一句:</p>
<p ALIGN="JUSTIFY">B,OL {color : red}</p>
<p ALIGN="JUSTIFY">規則不僅僅能決定顏色這一屬性的行為,還對許多屬性起作用。例如,你可以建立一個規則來指定所有的頂部標題都應當以24個點大小的Arial字體顯示出來,并且具有黃色背景(見圖7.19),如下所示:</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Style </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY"><!--</p>
<p ALIGN="JUSTIFY">H1 {font-style: italic; font-size: 24pt;</p>
<p ALIGN="JUSTIFY">font-family: Arial; background: yellow}</p>
<p ALIGN="JUSTIFY">--></p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><H1> Important Information </H1></p>
<p ALIGN="JUSTIFY">This document contains very important information</p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image62.gif" tppabs="http://210.74.168.175/guide/asp/part7/Image62.gif" WIDTH="595" HEIGHT="412"></p>
<b>
<p ALIGN="CENTER">圖7.19 具有多重屬性的規則</p>
</b>
<p ALIGN="JUSTIFY">此例中的這個簡單規則對所有位于標題中的文字都起作用,這個規則的聲明中包含了許多屬性及其值,它們由分號分隔。通過這種方法,你可以根據需要在一個聲明中加入許多屬性及其值。</p>
<p ALIGN="JUSTIFY">你也可以為<P>和<BODY>標識符指定規則。當你想要控制大量文本的格式時,這是非常有用的,當你為<BODY>標識符指定一個規則時,這條規則將會作用于所有包含在文件主體部分中的東西;當為<P>指定一條規則時,它僅僅作用于包含在此標識符中的東西,如下所示:</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Style </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY"><!--</p>
<p ALIGN="JUSTIFY">BODY {font-size: 24pt}</p>
<p ALIGN="JUSTIFY">P {font-style: italic}</p>
<p ALIGN="JUSTIFY">--></p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY">This text is above the paragraph.</p>
<p ALIGN="JUSTIFY"><P> This text is inside the paragraph. </P></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">當這個HTML文件在瀏覽器上顯示時,所有的文字將以24點大小的字體顯示出來(見圖7.20)。甚至位于<P>標識符內部的文字也以24點大小的字體顯示,這是因為<P>標識符位于<BODY>標識符內部。然而,僅僅位于<P>標識符內部的文字以斜體顯示出來。</p>
<p ALIGN="JUSTIFY"><img SRC="Image63.gif" tppabs="http://210.74.168.175/guide/asp/part7/Image63.gif" WIDTH="595" HEIGHT="412"></p>
<b>
<p ALIGN="CENTER">圖7.20 為<BODY>和<P>使用的規則</p>
</b>
<p ALIGN="JUSTIFY">當兩條規則沖突時會發生什么呢?例如,假設在上例中為<P>標識符設定的規則指定文字以10點大小的字體顯示,在這種情況下,在<P>標識符中指定的類型將會起作用。通常,為子元素設定的規則將會覆蓋為包含這個元素的父標識符所設定的規則。</p>
</font>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -