ASP.NET入门教程 2.2.4Master页面中使用级联样式表[4]

（）添加<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>

[] [] [] [] []