2.0中的Themes的加入,极大的方便了皮肤样式的更换~
下面简单介绍下皮肤的使用:
添加新项--》外观文件--》名字(建议一个控键建立一个皮肤文件)
比如:TextBox.skin
内容:
- <asp:TextBox runat="server" CssClass="TextBoxStyle" />
StyleSheet.css文件:
- /*
- TextBoxStyle
- */
- .TextBoxStyle
- {
- border: 1px solid #808080;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: 12px;
- color:#333333;
- }
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Debug="true" Theme="DataWebControls" %>
并在head标签中引入
<link type="text/css" href="StyleSheet.css" rel="stylesheet" />
页面中的所有TextBox控件就会有我们上面定义的样式~并不需要其他定义~
更神气的是:控件中的所有属性都可以在皮肤文件中定义,从而给我们开发带来了很大的便捷
如:
- <asp:Gridview runat="server" CssClass="DataWebControlStyle" AllowPaging="true" PageSize="10" >
- <AlternatingRowStyle CssClass="AlternatingRowStyle" />
- <RowStyle CssClass="RowStyle" />
- <HeaderStyle CssClass="HeaderStyle" />
- <SelectedRowStyle CssClass="SelectedRowStyle" />
- <FooterStyle CssClass="FooterStyle"/>
- <PagerStyle CssClass="PagerRowStyle" />
- <PagerSettings Mode="NumericFirstLast" PageButtonCount="5" />
- </asp:Gridview>
很简单 很方便~