?? 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 + -