熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET入門教程 5.1.2 CSS 級聯樣式表[1]

2013-11-13 11:11:20  來源: .NET編程 

    樣式表的概念從出現至今已有數年的時間(它最初是由WC在月作為一個建議提出來的)每個設計得很優秀的站點都包含有一個定義明確的css樣式表這個樣式表為站點定義了一個特定的外觀使用樣式表開發人員可以定義頁面上每種類型的元素應怎樣顯示同時還可以為特定的樣式創建定義並將其應用於頁面上的相關元素例如可以指定每個<div>標記的實例都應包含藏青色的文本或者也可以定義一個名為HighlightedText的樣式類((class)然後將其應用於頁面上的所有<div>標記以及類似的元素下面是一個樣式表的一部分代碼其中分別定義了這兩種樣式

 

div

{

    fontfamily: Trebuchet MS;

    color: Navy;

}

 

HighlightedText

{

    fontfamily: Trebuchet MS;

    color: Navy;

}

    注意這兩者之間的惟一差別是HighlightedText類的前面有一個點號這個類名是用戶自定義的點號表示可以將這個區域作為一個類應用於任意元素而不用為某種特定類型的元素定義默認樣式

    為了將樣式用於元素並不需要對元素本身進行任何修改只要頁面知道在什麼地方能夠找到樣式信息樣式就可以自動地得以應用(稍後將討論怎樣定位樣式信息)然而為元素指定某個特定的自定義類樣式時可以使用Class屬性例如

    <div class=HighlightedText>This is highlighted text</div>
    <h class=HighlightedText>This is also highlighted text</h>

    雖然在本書中看不到文本的顏色但是可以看到在前面的樣式類定義的字體樣式己經應用於這兩個元素

    當然如果親自進行這個練習將看到字體呈藏青色

    樣式的語法

    樣式定義包含在花括號之間開括號的位置可以緊跟在元素或類名的後面也可以另起一行例如div樣式可以重寫為如下形式

 

div

{

    fontfamily: Trebuchet MS;

    color: Navy;

}

    可以任意選擇自己喜歡的樣式──就作者個人而言我喜歡將所有的括號放在一條垂直線上對齊

    ASPNET 入門教程完整版 

[]  []  []  []  []  


From:http://tw.wingwit.com/Article/program/net/201311/15352.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.