关于ASP.Net 的主题与CSS文件的点滴(简单至极)!
Q:主题的建立!
A:
- 在ASP.Net的根目录建立App_Themes的目录。(对准VS界面中的解决方案资源管理器的根目录点击右键选择添加ASP.NET文件夹选择最后项 主题)
-
在新建的主题文件夹内建立主题文件,如blue。(对准新建立的App_Themes文件夹点击右键,添加新项,选择外观文件。并起名。)
Q:主题的简单使用!
A:在需要引用主题的ASP文件中,最开始的<%@ Page%>内加入 theme="Blue"。
Q:Theme与StyleSheetTheme的区别
A:设置成Theme则页内所有的控件都受到skin的控制,而设置成StyleSheetTheme则可以在页内重新设置控件的Style属性来覆盖skin文件的内容。
Q:Skin文件内容
A:无法写入CSS格式内容!可以设定不同的风格,用skinID区分,并在已经引用Theme的页内的控件中,设置相应的SkinID改变。
没有设置SkinID名字的Skin文件内容为默认设定。
例子:label的设定方法 <asp:Label runat="server" Font-Size="12pt" Width="141px"></asp:Label> 则所有引用theme的页内的label控件
默认的字体大小为12pt。
<asp:Label SkinID="big" runat="server" Font-Size="18pt" Width="141px"></asp:Label>则所有的SkinID为big的label
控件的字体大小为18pt,没设置SkinID的控件还是为12pt。
Q:在主题中使用css
A:在相应的skin文件中直接建立css文件则可以直接引用。如在主题为blue的主题文件夹中建立blue.css则此css文件可以控制页内的主题了。