CSS樣式類之常規(guī)類
作者：佚名 時間：2014-03-11 分享到：
CSS樣式類之常規(guī)類
使用CSS2類能夠在文檔級樣式表名外部樣式表中為同一個元素創(chuàng)建多種不同的樣式。在文檔后面的部分，通過包含與樣式相關(guān)的class屬性，且將其中一個預(yù)定義的樣式指定為name值，就可以明確地選擇要對該標(biāo)簽的特定情況應(yīng)用何種樣式。
常規(guī)類
在技術(shù)論文中，可能需要為摘要定義一種段落樣式，為方程式定義另一種樣式，并為居中的引用定義第三種樣式。為每一個段落定義一種不同的樣式類，就可以將這些段落區(qū)分開來：
首先，請注意在這個示例中定義類是一件很簡單的事情，就是把以句點分隔的類名作為后綴加到樣式規(guī)則的選擇符標(biāo)簽名稱后面。與XHTML兼容的選擇符是標(biāo)準(zhǔn)標(biāo)簽的名稱，而且必須是小寫字符，與此不同，類名可以是字母、數(shù)字和連字符的任何派排列，但是必須是一個字母開頭。但是要注意，類名是區(qū)分大小定的，因此abstract與AbsTRact不同。與選擇符一樣，類可以與其他選擇符一起列舉，之間用逗號分開即可，如第三個示例所示。類的惟一限制是它們無法嵌套；例如，p.equation.centered的用法是不允許的。<style type="text/css">
<!--
p.abstract {font-style: italic;
margin-left: 0.5cm;
margin-right: 0.5cm}
p.equation {font-family: Symbol;
text-align: center;}
h1,p.centered {text-align: center;
margin-left: 0.5cm;
margin-right: 0.5cm}
-->
</style>
因此，示例中的第一條規(guī)則創(chuàng)建了名為“abstract”的段落樣式類，它的文本是以斜體顯示的，與左右邊界的距離都是0.5厘米。同樣，第二個段落樣式類“equation”告訴瀏覽器要居中顯示文本，并用Symbol字體顯示文字。最后一條樣式規(guī)則創(chuàng)建的樣式是文字居中顯示，并與邊界與0.5厘米的距離，這種樣式被應(yīng)用于所有一級標(biāo)題，還用該樣式創(chuàng)建了名為“centered”的<p>標(biāo)簽類。
要使用標(biāo)簽的特殊類，可以為該標(biāo)簽添加class屬性，對于一個段落來說，class屬性的值就是用于那個標(biāo)簽的類名。
如沒特殊注明，文章均為上海聯(lián)楷網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自：http://www.ktcbnqb.cn/contact/20151229/n7328.html
