?? 7-3-2.cfm.htm
字號(hào):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>在網(wǎng)頁(yè)中加入Style</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋體"><b>
<p ALIGN="JUSTIFY">在網(wǎng)頁(yè)中加入Style</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">Style Sheet是一個(gè)規(guī)則列表來(lái)決定網(wǎng)頁(yè)上每個(gè)元素的外觀。例如,假設(shè)你想強(qiáng)調(diào)網(wǎng)頁(yè)上所有的黑體文字,你想讓所有的黑體字都以紅色顯示出來(lái)。使用Style
Sheet,你可以為瀏覽器提供一個(gè)規(guī)則,即所有的黑體字都應(yīng)該用紅色顯示出來(lái),就象下面的例子:</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">B {color: red}</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"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">當(dāng)這個(gè)HTML文件被一個(gè)支持Style Sheets的瀏覽器解釋時(shí),處于<B>標(biāo)識(shí)符之間的文字將以紅色顯示出來(lái)。注意這個(gè)新的HTML標(biāo)識(shí)符<STYLE>,它包含了網(wǎng)頁(yè)規(guī)則的列表。在此例中,只有一條簡(jiǎn)單的規(guī)則:</p>
<p ALIGN="JUSTIFY">B {color: red}</p>
<p ALIGN="JUSTIFY">這個(gè)規(guī)則具有兩個(gè)部分,規(guī)則的第一個(gè)部分B被稱(chēng)作selector,selector被用來(lái)選擇網(wǎng)頁(yè)中規(guī)則所起作用的元素。在此例中,B選擇了所有在這個(gè)HTML文件中出現(xiàn)的<B>標(biāo)識(shí)符,這個(gè)規(guī)則決定了每個(gè)<B>標(biāo)識(shí)符的行為。</p>
<p ALIGN="JUSTIFY">這個(gè)規(guī)則的第二部分被稱(chēng)為declaration,它包含了一個(gè)屬性和值。在此例中,屬性是color,而值是red。根據(jù)這條規(guī)則,每一個(gè)<B>標(biāo)識(shí)符的color屬性都將被設(shè)為紅色。</p>
<p ALIGN="JUSTIFY">所有的規(guī)則都具有這種格式,一個(gè)或更多的selector被使用來(lái)選擇網(wǎng)頁(yè)中的元素。selector后緊接著是一個(gè)空格,再接下來(lái),那個(gè)元素的屬性被賦予一個(gè)值,即一個(gè)屬性――值對(duì)。屬性和值由一個(gè)冒號(hào)分隔,并由一對(duì)花括號(hào)包含({})。</p>
<p ALIGN="JUSTIFY">注意此例中沒(méi)有別的HTML標(biāo)識(shí)符被添加進(jìn)文件的主體部分,Style
Sheet完全是在<HEAD>標(biāo)識(shí)符中定義的,雖然如此,Style Sheet決定了在文件主體部分出現(xiàn)的所有<B>標(biāo)識(shí)符的行為。</p>
<p ALIGN="JUSTIFY">就如前面所提到的那樣,你可以使用Style Sheets而不用擔(dān)心它們?cè)谠缙跒g覽器上的效果,早期的瀏覽器僅僅忽略<STYLE>標(biāo)識(shí)符。然而,早期的瀏覽器可能會(huì)顯示出位于<STYLE>標(biāo)識(shí)符之間的規(guī)則列表,要防止這種事的發(fā)生,你應(yīng)當(dāng)總是把HTML注釋符放在規(guī)則列表的周?chē)缦滤荆?lt;/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">-- ></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"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">可以解釋Style Sheets的瀏覽器會(huì)很聰明地進(jìn)入到注釋標(biāo)識(shí)符內(nèi)部來(lái)獲取規(guī)則,而在早期的瀏覽器上,則會(huì)忽略注釋標(biāo)識(shí)符之間的東西,不會(huì)把有關(guān)規(guī)則的文字顯示在屏幕上。</p>
</font>
</body>
</html>
?? 快捷鍵說(shuō)明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -