Visual Studio .NET可以完成任务
利用Visual Studio .NET来给Web窗体布局，你就能够将元素拖放到页面上，并在属性框里设置诸如字体和颜色这样的属性。将这些项目拖放到页面上的结果就是ASP.NET标示的创建。这一标示包括用于将元素及其各种属性放置到页面上的CSS。
下面的ASP.NET示例所包括的标示将代表一个文本框、一个标签，以及按钮元素（这里只列出了主体部分）：
＜body MS_POSITIONING="GridLayout"＞
＜form id="frmTest" method="post" runat="server"＞
＜asp:Label id="Label1"
style="Z-INDEX: 101; LEFT: 86px; POSITION: absolute; TOP: 93px"
runat="server" Width="134px"
BorderStyle="None"
Font-Bold="True" Font-Size="Medium" ForeColor="Red"＞Label＜/asp:Label＞
＜asp:TextBox id="TextBox1"
style="Z-INDEX: 102; LEFT: 238px; POSITION: absolute; TOP: 88px"
runat="server"
BorderStyle="Solid" Font-Size="Medium" ForeColor="Blue" BorderWidth="1px" Columns="40"＞＜/asp:TextBox＞
＜asp:Button id="Button1"
style="Z-INDEX: 103; LEFT: 240px; POSITION: absolute; TOP: 135px"
runat="server" Width="112px"
Text="Button"
Font-Bold="True" ForeColor="#C00000"＞＜/asp:Button＞
＜/form＞＜/body＞
你会注意到ASP.NET列表里用于每个元素的样式属性。后者将样式定义为附加到独立的元素上；其最终的目的是定义其在Web窗体里的位置。其他属性，例如字体的样式，由其他的专门属性来定义，但是如果使用样式表的话，维护会更容易一些。
这一过程从样式表的开发开始。下面的基本样式表会被用在我们的测试窗体里：
body {
font-size: medium;
}
.label {
font-weight: bold;
color: Red;
}
.textbox {
border: 1px solid Blue;
}
.button {
font-weight: bold;
color: Red;
}
这个样式表会用主体元素来设置整个窗体的字体大小。独立的CSS类被定义用于窗体里的独立元素。ASP.NET的Web窗体可以被修改，以利用这个样式表。Web窗体里的独立元素被分配为CSS类，后者与样式表里特定的类相对应。
＜html＞＜head＞
＜title＞Builder.com Test Form＜/title＞
＜link href="sheet.css" type="text/css" rel="stylesheet" /＞
＜meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"＞
＜meta content="C#" name="CODE_LANGUAGE"＞
＜meta content="JavaScript" name="vs_defaultClientScript"＞
＜meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema"＞
＜/head＞
＜body MS_POSITIONING="GridLayout"＞
＜form id="frmTest" method="post" runat="server"＞
＜asp:label id="Label1"
style="Z-INDEX: 101; LEFT: 86px; POSITION: absolute; TOP: 93px"
runat="server" Width="134px"
CssClass="label"＞Label＜/asp:label＞
＜asp:textbox id="TextBox1"
style="Z-INDEX: 102; LEFT: 238px; POSITION: absolute; TOP: 88px"
runat="server" Columns="40" CssClass="textbox"＞＜/asp:textbox＞
＜asp:button id="Button1"
style="Z-INDEX: 103; LEFT: 240px; POSITION: absolute; TOP: 135px"
runat="server" Width="112px" Text="Button" CssClass="button"＞＜/asp:button＞
＜/form＞＜/body＞
要注意，Web窗体里独立元素的CssClass属性会被分配名称，而这些名称都来自样式表。我们仍然会在元素的样式属性里包括位置信息。（在样式表里定义所有的布局信息是很困难的，但是不是不可能的。）
单独的表示
创建一个单独的CSS文件，并将其用在你的应用程序里让你能够轻易地控制某个位置的表示。你可以在Visual Studio .NET里编辑它，而且，在ASP.NET应用程序里使用CSS文件让你能够轻易地控制显示属性，而不需要编辑Web窗体。
