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

ASP.NET入門教程 2.2.4Master頁面中使用級聯樣式表[4]

2013-11-13 10:50:08  來源: .NET編程 

    ()添加<div>標記分隔頁面可以簡化頁面格式的修改創建的Master頁面將在<form>內使用個<div>區域有些區域中會包含其他<div>標記(子層次結構的<div>)個<div>是由VWD自動創建的其他的需手動添加可以從工具箱的HTML面板中將<div>拖放到頁面上但是在Design視圖中很難將其放到正確的位置上您可以使用Source視圖進行精確定位

    ()切換到Source視圖並在窗體內找到默認的<div>從<div>標記的開頭到</div>標記的末尾都選中可以注意到Properties窗口中現在顯示的是<div>的屬性將id屬性設置為content

    ()繼續停留在Source視圖中通過拖放將另一個<div>從工具箱的HTML面板中拖放到<div id=content>的上方但仍然在<form>內將其id屬性設置為header

    ()在表單內另外添加兩個<div>標記將標題下面的第一個<div>的id設置為sidebar並將最下面的那個<div>的id設置為footer

    ()在Source視圖中現在創建子層次結構的<div>標記這些標記將位於前面創建的<div>內部在header<div>內拖放一個<div>並將其id設置為logo在logo<div>的後面將顯示一些簡單的文本如下所示

 

<form id=mainForm runat=server>

 

<div id=header>

  <div id=logo></div>

        <h>Wrox United</hl>

</div>

    ()在sidebar<div>中添加文本Navigation如下面的代碼所示

     <div id=sidebar>

       <h>Navigation</h>

     </div>

[]  []  []  []  []  


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