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

ASP.NET入門教程 5.1.1 style屬性[2]

2013-11-13 11:06:16  來源: .NET編程 

    請注意VWD是如何幫助您輸入樣式信息的

    ()現在切換到Design View並觀察這些格式化信息是如何應用到頁面上的

    ()注意屬性窗口是如何顯示style屬性值的如果在屬性值內的任意位置單擊鼠標在屬性值的後面將會出現橢圓按鈕(…)單擊該按鈕將會看到如圖所示的Style Buitder對話框

    在為元素設置樣式時這個對話框非常有用因為使用它可以不必記住每個樣式的語法開發人員所需做的就是選擇希望應用於元素的樣式並單擊OK即可我們將在另一個頁面使用這個對話框設置樣式

    ()創建另一個aspx頁面並將其命名為StyledPagelaspx在這個頁面中需要添加一個<div>元素該元素內的文本是This is highlighted text以及一個標題(h)元素該元素內的文本是This is also highlighted text

    ()使用Style Builder對話框將兩個元素的字體設置為Trebuchet MS並將顏色設置為藏青色這個操作將在Source View中自動添加如下代碼

 

<div style=fontfamily: Trebuchet MS;Color: Navy;>

      This is highlighted text</div>

    <h class=HighlightedText>

      This is also highlighted text</h>

    ()在浏覽器中查看該頁面以便浏覽完成後的文檔

    操作回顧

    現在這個頁面可能還不是很令人滿意但修改其外觀並不需要占用很多時間接下來就可以把這項技術用於站點上的每個元素可以在一個站點中使用多種不同的樣式屬性附錄E中列出了一些最常用的元素可以幫助開發人員為站點選擇最喜歡的樣式

    在學習了如何為頁面上的元素設置樣式之後將樣式表嵌入代碼就不是什麼復雜的問題了HTML元素的樣式屬性的語法和樣式表中所使用的樣式語法完全一樣下一小節將學習如何使用樣式表從而提高代碼的可維護性

     ASPNET 入門教程完整版

[]  []  


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