开发者社区> 杰克.陈> 正文

关于在同一母版页中使用多个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..... 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
前端学习笔记202303学习笔记第三天-Vue3.0-打包处理css文件1
前端学习笔记202303学习笔记第三天-Vue3.0-打包处理css文件1
5 0
css 样式文件中的特殊符号 - 波浪号(也叫 tilde,squiggle,twiddle)
css 样式文件中的特殊符号 - 波浪号(也叫 tilde,squiggle,twiddle)
7 0
Tailwind 生成的 CSS文件竟然有 3.7 Mb 这么巨大!这还能用?
Tailwind 是最近国外大火的 Utility CSS 框架,形态上有点类似以前的 Bootstrap,潮流是一种轮回。 用它来写一个卡片,大概是这样的体验,只用到了工具 class,而不用写任何额外的样式:
32 0
现代 CSS 解决方案:CSS 数学函数 (下)
现代 CSS 解决方案:CSS 数学函数 (下)
128 0
现代 CSS 解决方案:CSS 数学函数 (上)
现代 CSS 解决方案:CSS 数学函数
108 0
现代 CSS 解决方案:Modern CSS Reset
现代 CSS 解决方案:Modern CSS Reset
83 0
CSS - H5 Swiper 快速滑动白色闪屏解决方案
CSS - H5 Swiper 快速滑动白色闪屏解决方案
200 0
CSS - 移动端 1px 像素边框问题的解决方案(Border.css)
CSS - 移动端 1px 像素边框问题的解决方案(Border.css)
166 0
css经常遇到的问题的解决方案(持续更新)
https://juejin.cn/post/7096289110075113485 css经常遇到的问题的解决方案(持续更新)
84 0
Vue 路由跳转的时候遇到一些图片CSS不加载 解决方案
通常在我们写js 的代码的时候都会加入 window.onload() 再onload 函数中写代码,这样做的意义就是能够在文档加载完成之后才执行js 代码。
389 0
+关注
杰克.陈
一个安静的程序猿~
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
23-Vue.js在前端...1506518547.pdf
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多