?? 7-3-8.cfm.htm
字號:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>使用SPAN和DIV來加入styles</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋體"><b>
<p ALIGN="JUSTIFY">使用SPAN和DIV來加入styles</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">假設(shè)你想讓某一段落的前一半以Courier字體顯示，而后一半則以Arial字體顯示，使用前面所述的Style
sheet的標(biāo)識符及其屬性，沒有一個直接的辦法來實(shí)現(xiàn)這一目的。問題在于你不想將一個style與一整段文字關(guān)聯(lián)，你只想將style與段落中不同的部分相關(guān)聯(lián)。</p>
<p ALIGN="JUSTIFY">很幸運(yùn)，存在一個特殊的標(biāo)識符，你可以用它來將規(guī)則與HTML文件中特定的部分相關(guān)聯(lián)，使用<SPAN>標(biāo)識符，你可以將一個style與一大段文本中的某一部分相關(guān)聯(lián)。如下所示：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Style </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY"><!--</p>
<p ALIGN="JUSTIFY">.CourierPart {font-family: Courier}</p>
<p ALIGN="JUSTIFY">.ArialPart {font-family: Arial}</p>
<p ALIGN="JUSTIFY">--></p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><P></p>
<p ALIGN="JUSTIFY"><SPAN CLASS=CourierPart> I am the first part of this paragraph.
</SPAN></p>
<p ALIGN="JUSTIFY"><SPAN CLASS=ArialPart> I am the second part of this paragraph.
</SPAN></p>
<p ALIGN="JUSTIFY"></P></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><SPAN>標(biāo)識符有一個“重要和絕妙”的特性，即它什么事也不會做。將<SPAN>標(biāo)識符看作是為CLASS和ID屬性設(shè)立的一個方便的鉤子，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定style了。在此例中，<SPAN>標(biāo)識符允許你將一個段落分成不同的部分。</p>
<p ALIGN="JUSTIFY">還有一個標(biāo)識符具有類似的功能，<DIV>標(biāo)識符也被用來在HTML文件中建立邏輯部分。但與<SPAN>標(biāo)識符不同，<DIV>工作于文本塊一級，它在它所包含的HTML元素的前面及后面都引入了行分隔。</p>
</font>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -