关于在同一母版页中使用多个CSS文件的解决方案

简介: 原文: 关于在同一母版页中使用多个CSS文件的解决方案         以前都用.NET1.1没遇到这问题,现在换了2.0开始学着使用母版,结果就遇到了这个问题,在百度上一搜索才发现有不少人提出这个问题,但没找到好的解决方案,可能是因为使用母版的人很少的原因...
+关注继续查看
原文: 关于在同一母版页中使用多个CSS文件的解决方案

        以前都用.NET1.1没遇到这问题,现在换了2.0开始学着使用母版,结果就遇到了这个问题,在百度上一搜索才发现有不少人提出这个问题,但没找到好的解决方案,可能是因为使用母版的人很少的原因吧,因过试验,最终通过一个很简便的方法解决了这个问题

    当网站中的某一母版被多个页面使用时,多个页又需要调用不同的CSS,但在母版中只能引用一个CSS,我的解决方法是:

    在母版页Head中首先将母版页中所用的样式直接写出来,如:
<style type="text/css">
#Banner
{
 width: 955px;
 height: 267px;
 background: url(/Image/banner.jpg) no-repeat; 
}
</style>

<asp:literal id="test" runat="server"></asp:literal>

    随后在此位置放一个Literal控件,这样一来以后需要改版样式只需要在此一处修改,通常母版页的样式不会过于复杂所以放在页中没有什么问题,接下来在使用母版页的某个内容页的CS文件中加入如下代码以引用此页所需的CSS文件:
Literal l = (Literal)Master.FindControl("母版页中Literal控件的ID");
l.Text = "<link href='你的CSS文件' rel='stylesheet' type='text/css' />";

    使用这种方法时有一点问题要注意,在母版页中直接定义的样式名称不要与内容页引用的CSS文件中样式名称重复,否则会出现覆盖的问题尤其是body的定义要注意.
    不知道高手们有没有更好的解决方法,抛砖引玉ING..... 

目录
相关文章
|
1天前
|
前端开发 UED
关于 Web 应用的内联 css 和 scss 文件里的 var 关键字用法
关于 Web 应用的内联 css 和 scss 文件里的 var 关键字用法
16 0
|
6天前
|
JavaScript 前端开发
VSCode .vue 文件 html css 无智能提示
VSCode .vue 文件 html css 无智能提示
16 0
|
18天前
|
编解码 前端开发
pc不同分辨率引入不同css文件
pc不同分辨率引入不同css文件
|
2月前
|
前端开发 小程序
微信小程序系列——无缝引入CSS或者WXML文件
微信小程序系列——无缝引入CSS或者WXML文件
|
2月前
|
前端开发 JavaScript Java
前端——JSP中引入项目中的js文件或css文件或图片
前端——JSP中引入项目中的js文件或css文件或图片
|
2月前
|
JavaScript 前端开发
vue引入外部的css文件
vue引入外部的css文件
19 0
|
2月前
|
JavaScript 前端开发 PHP
PHP - Laravel 视图模板(blade.php)导入JS、Css、素材文件并使用
PHP - Laravel 视图模板(blade.php)导入JS、Css、素材文件并使用
179 0
|
3月前
|
前端开发
DSP开发软件css(10)使用基础(汉化、工程导入、设置目标配置文件、选择仿真器和芯片型号、添加文件|库路径、编译下载等操作)
DSP开发软件css(10)使用基础(汉化、工程导入、设置目标配置文件、选择仿真器和芯片型号、添加文件|库路径、编译下载等操作)
34 0
|
4月前
|
前端开发 Java
将图片的base64编码直接嵌入到html文件的css中
将图片的base64编码直接嵌入到html文件的css中
136 0
|
4月前
|
前端开发 JavaScript
Webpack的基本使用,将html和css文件打包
Webpack的基本使用,将html和css文件打包
相关产品
云迁移中心
推荐文章
更多