ASP.NET2.0入门经典(第四版)-Customization主题与Stylesheet主题
2020-11-14 10:24:52
开发教程
admin
2.Customization主题——掌握控制权!前一个示例中的页面使用了Theme属性,这意味着在这个示例中使用了Customization主题为页面设置样式。Customization主题对页面元素的样式有最终决定作用。如果手动设置页面
2.Customization主题——掌握控制权!
前一个示例中的页面使用了Theme属性,这意味着在这个示例中使用了Customization主题为页面设置样式。Customization主题对页面元素的样式有最终决定作用。如果手动设置页面元素的样式,而该页面由Customization主题控制,那么这些样式只有在主题中不包含对应元素的样式时才能得以应用。
3.Stylesheet主题——服务器控件的CSS
如果希望将主题像样式表那样使用,则只需要在页面的顶部使用StyleSheetTheme属性。这个变化意味着开发人员可以在每个标记的style属性中设置少量的样式,同时在主题内为站点提供一个一致的外观。
比较两种方式差别的最好方法是实际应用一下,所以在下面的“试一试”练习中将修改前面的示例以查看差别所在。
试一试:Customization主题与Stylesheet主题
(1)打开ThemeDefault.aspx页面并在代码中为文本“Styledlabel”添加Font-Bold=“true”。或者,可以切换到DesignView,选中Styledlabel并在Properties窗格中将字体设置为粗体:
<asp:LabelID="Label1"SkinID="textLabel"runat="server"
Text="Styledlabel"Font-Bold="True"></asp:Label>
前一个示例中的页面使用了Theme属性,这意味着在这个示例中使用了Customization主题为页面设置样式。Customization主题对页面元素的样式有最终决定作用。如果手动设置页面元素的样式,而该页面由Customization主题控制,那么这些样式只有在主题中不包含对应元素的样式时才能得以应用。
3.Stylesheet主题——服务器控件的CSS
如果希望将主题像样式表那样使用,则只需要在页面的顶部使用StyleSheetTheme属性。这个变化意味着开发人员可以在每个标记的style属性中设置少量的样式,同时在主题内为站点提供一个一致的外观。
比较两种方式差别的最好方法是实际应用一下,所以在下面的“试一试”练习中将修改前面的示例以查看差别所在。
试一试:Customization主题与Stylesheet主题
(1)打开ThemeDefault.aspx页面并在代码中为文本“Styledlabel”添加Font-Bold=“true”。或者,可以切换到DesignView,选中Styledlabel并在Properties窗格中将字体设置为粗体:
<asp:LabelID="Label1"SkinID="textLabel"runat="server"
Text="Styledlabel"Font-Bold="True"></asp:Label>
很赞哦! ()
- 上一篇: ASP.NET2.0入门经典(第四版)-为您的站点设置主题
- 下一篇: 返回列表
相关文章
- ASP.NET2.0入门经典(第四版)-Customization主题与Stylesheet主题
- ASP.NET2.0入门经典(第四版)-为您的站点设置主题
- ASP.NET2.0入门经典(第四版)-为站点设置样式
- ASP.NET2.0入门经典(第四版)-HTML控件与Server控件
- ASP.NET2.0入门经典(第四版)-VWD的Source View
- ASP.NET2.0入门经典(第四版)-身份验证
- ASP.NET2.0入门经典(第四版)-服务器控件
- ASP.NET2.0入门经典(第四版)-从HTML到XHTML代码
- ASP.NET2.0入门经典(第四版)-成员关系
- ASP.NET2.0入门经典(第四版)-个性化站点