Style Themes and Skin
l ASPNet 新应用样式
ASPNet 包含大量用于定制外观的新特性其中服务器端控件提供Style对象模型用于定制字体边界背景前景颜色宽度高度等等信息同时控件还支持使用CSS定制其外观还可以把所有这些定制在一些skin文件里并把这些描述控件外观的skin文件放置在theme文件夹中反复使用
l 为控件定制风格
ü 为HTML控件定制外观
CSS是一套统一的描述标记这套标记是相对于HTML相对独立的这套标记使用很多特殊的符号来定制一些自己的外观描述方式比如CSS可以方便的描述一个文字的大小尺寸宽度高度文字的前景演示背景颜色以及控件的各种各样的属性CSS是一套开放性国际标准目前被各个浏览器广泛兼容我们在NET中可以方便的引入CSS为我们的控件定制外观
? 对于HTML控件可以使用CSS来定制其外观无论是客户端的HTML控件还是服务器端HTML控件其定制方法都一样
? CSS既可以直接定制每个控件的显示风格也可以定制一种风格并命名为一个类只需要指定一个控件的显示风格是该类即可
? 代码示例通过CSS定制显示HTML控件
一种方式在控件定义过程中使用style定义如下
<button id=Button runat=server>Click me!</button>
<input id=Text type=text value=One Two Three runat=server/>
<select id=Select runat=server>
<option>Item </option>
<option>Item </option>
<option>Item </option>
</select>
<span >
<input id=Radio type=radio name=Mode checked runat=server/>Option <br>
<input id=Radio type=radio name=Mode runat=server/>Option <br>
<input id=Radio type=radio name=Mode runat=server/>Option
</span>
第二种方式是我们把CSS先提前定制出来然后把控件指定他的style如下定义（放在<head></head>里面）
<style>
spanstyle
{
font: pt verdana;
fontweight:;
color:orange;
}
buttonstyle
{
font: pt verdana;
backgroundcolor:lightgreen;
bordercolor:black;
width:
}
inputstyle
{
font: pt verdana;
backgroundcolor:yellow;
borderstyle:dashed;
bordercolor:red;
width:;
}
selectstyle
{
font: pt verdana;
backgroundcolor:lightblue;
color:purple;
}
radiostyle
{
width:;
backgroundcolor:red;
zoom:%
}
</style>
然后我们在定义控件的时候调用前面设计的类调用方式如下
<span id=Span class=spanstyle runat=server>
<button id=Button class=buttonstyle runat=server>Click me!</button>
<input id=Text type=text value=One Two Three class=inputstyle runat=server/>
<select id=Select class=selectstyle runat=server>
<option>Item </option>
<option>Item </option>
<option>Item </option>
</select>
<input id=Radio type=radio name=Mode checked class=radiostyle runat=server/>Option <br>
第二种方法显然比第一种要好把描述风格都写在前面并命名同时
