使用MasterPage(母版页)的ASP.NET Content(内容)页面添加CSS样式
来源:互联网 发布:好的c语言集成开发环境 编辑:程序博客网 时间:2024/05/17 17:55
为使用Master的ASP.NET Content页面添加CSS样式使用了Master的ASP.NET Content页面无法直接引用外部样式或内嵌样式,因为CSS样式必须出现在HTML的head标签内,而Content页面自身是不能包含head的。不过通过编程,很容易做到这一点,以下就是解决方案(也可以用相同的手段来添加其他HTML元素)。
先定义以下两个方法:
内嵌样式支持
protectedvoid AddInlineStyle(string style)
{
HtmlGenericControl node = new HtmlGenericControl("style");
node.Attributes.Add("type", "text/css");
node.InnerText = style;
Page.Header.Controls.Add(node);
}
外部样式支持
protectedvoid 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/
- 使用MasterPage(母版页)的ASP.NET Content(内容)页面添加CSS样式
- 为使用Master的ASP.NET Content页面添加CSS样式
- 为使用Master的ASP.NET Content页面添加CSS样式
- ASP.net 使用母版页的页面如何使用css
- ASP.Net访问母版页(MasterPage)控件、属性、方法及母版页中调用内容页的方法
- ASP.Net访问母版页(MasterPage)控件、属性、方法及母版页中调用内容页的方法
- ASP.Net访问母版页(MasterPage)控件、属性、方法及母版页中调用内容页,获取用户自定义控件里面的子控件的方法
- ASP.Net访问母版页(MasterPage)控件、属性、方法及母版页中调用内容页,获取用户自定义控件里面的子控件的方法
- ASP.Net访问母版页(MasterPage)控件、属性、方法及母版页中调用内容页,获取用户自定义控件里面的子控件的方法
- 引用asp.net母版页后,母版页和内容页的页面事件执行顺序
- 母版( MasterPage )
- 引用 ASP.NET 母版页的内容
- 温故知新ASP.NET 2.0(C#)(1) - MasterPage(母版页)
- 关于asp.net的母版(左菜单、右内容)
- [ASP.NET]UpdatePannel 局部刷新 -- 在母版页的两个Content中使用UpdatePannel
- ASP.NET页面同时存在自定义控件,母版页,内容页的加载顺序
- ASP.NET页面同时存在自定义控件,母版页,内容页的加载顺序
- ASP.Net访问母版页(MasterPage)控件、属性、方法及母版
- 上周末去佘山看房子了
- OSCashe教程总结(全)
- Blackberry Exchange Mailbox Database 访问权限问题
- hadoop 单机版 下的 NewMaxTemperature实现
- find命令–Linux
- 使用MasterPage(母版页)的ASP.NET Content(内容)页面添加CSS样式
- chrome不兼容position:fixed 对联广告JS 不用JS做对联广告效果 CSS实现对联广告效果
- link2sd或者app2sd前的分区——SD卡分区教程 link2sd教程 app2sd教程
- Websphere问题的点滴收集
- Message 'You cannot use the EurekaLog package in other packages'.
- Oracle时间函数(转)
- Android 2.2 API Demos -- PersistentState(Activity)
- 线程结束资源释放
- JUnit学习链接地址