使用MasterPage(母版页)的ASP.NET Content(内容)页面添加CSS样式
2012-02-16 10:40
716 查看
为使用Master的ASP.NET Content页面添加CSS样式使用了Master的ASP.NET
Content页面无法直接引用外部样式或内嵌样式,因为CSS样式必须出现在HTML的head标签内,而Content页面自身是不能包含head
的。不过通过编程,很容易做到这一点,以下就是解决方案(也可以用相同的手段来添加其他HTML元素)。
先定义以下两个方法:
内嵌样式支持
protected
void AddInlineStyle(string style)
{
HtmlGenericControl node =
new HtmlGenericControl("style");
node.Attributes.Add("type",
"text/css");
node.InnerText = style;
Page.Header.Controls.Add(node);
}
外部样式支持
protected
void AddLinkedStyle(string url)
{
HtmlLink link =
new HtmlLink();
link.Attributes.Add("type",
"text/css");
link.Attributes.Add("rel",
"stylesheet");
link.Attributes.Add("href", url);
Page.Header.Controls.Add(link);
}
在 Page_Load
方法中,使用上面两个方法来添加样式:
添加内嵌样式
AddInlineStyle("body { padding:10px; margin:5px 0; }");
引用外部样式
AddLinkedStyle("/styles/layout.css");
简单而实用。HtmlGenericControl
是相当有用的类,在ASP.NET中可以用来定制很多输出行为,实在是应该多加利用的好东东。
来至http://westlife063.blog.163.com/blog/static/129942096201042514651713/
Content页面无法直接引用外部样式或内嵌样式,因为CSS样式必须出现在HTML的head标签内,而Content页面自身是不能包含head
的。不过通过编程,很容易做到这一点,以下就是解决方案(也可以用相同的手段来添加其他HTML元素)。
先定义以下两个方法:
内嵌样式支持
protected
void AddInlineStyle(string style)
{
HtmlGenericControl node =
new HtmlGenericControl("style");
node.Attributes.Add("type",
"text/css");
node.InnerText = style;
Page.Header.Controls.Add(node);
}
外部样式支持
protected
void AddLinkedStyle(string url)
{
HtmlLink link =
new HtmlLink();
link.Attributes.Add("type",
"text/css");
link.Attributes.Add("rel",
"stylesheet");
link.Attributes.Add("href", url);
Page.Header.Controls.Add(link);
}
在 Page_Load
方法中,使用上面两个方法来添加样式:
添加内嵌样式
AddInlineStyle("body { padding:10px; margin:5px 0; }");
引用外部样式
AddLinkedStyle("/styles/layout.css");
简单而实用。HtmlGenericControl
是相当有用的类,在ASP.NET中可以用来定制很多输出行为,实在是应该多加利用的好东东。
来至http://westlife063.blog.163.com/blog/static/129942096201042514651713/
相关文章推荐
- 为使用Master的ASP.NET Content页面添加CSS样式
- 为使用Master的ASP.NET Content页面添加CSS样式
- asp.net在使用母版页的内容页面中动态加载css和js文件的方法
- 在ASP.NET AJAX中,由于一个ASPX页面上只能有一个ScriptManager控件,所以在有母版页的情况下,如果需要在Master-Page和Content-Page中需要引入不同的脚本时,这就需要在Content-page中使用ScriptMa
- ASP.NET:使用HttpModule(给页面添加页头和页尾,重写URL)
- ASP.NET母版页使用 按下回车刷新页面 去掉 <form></form>标签
- 引用asp.net母版页后,母版页和内容页的页面事件执行顺序
- ASP.net 使用母版页的页面如何使用css
- ASP.NET页面同时存在自定义控件,母版页,内容页的加载顺序
- asp.net 使用HttpModule对全站输出的动态页面的HTML内容进行修改,不会错乱
- 引用asp.net母版页后,母版页和内容页的页面事件执行顺序
- ASP.NET母版页中调用内容页的方法和web用户控件调用.aspx页面里的方法
- 引用asp.net母版页后,母版页和内容页的页面事件执行顺序
- ASP.NET AJAX - 内容页面一定要使用 ScriptManagerProxy 控件吗?
- 引用asp.net母版页后,母版页和内容页的页面事件执行顺序
- asp.net中使用#include语法将文件添加到页面
- ASP.NET AJAX - 内容页面一定要使用 ScriptManagerProxy 控件吗?
- 引用asp.net母版页后,母版页和内容页的页面事件执行顺序
- 一步步打造基于ASP.NET的CMS内容管理系统--Step3 添加新闻页面
- ASP.NET:使用HttpModule(给页面添加页头和页尾,重写URL)