学习技巧:动态引入css

css|动态|技巧

因为我的blog是生成静态页面,如果更换皮肤,那么最简单的两种方法:
1,重新生成页面。
2,更改css文件名称。

因为重新生成页面比较消耗资源,一直以来我都是用的是固定链接:http://www.x2y2.com/fisker/styles/default/styles.css,更换皮肤则修改新的css文件。

以前也想过用asp作为css,但用include则会涉及到路径问题,而redrict则似乎会在ff下因为mime类型问题。也许修改ContentType类型可以解决问题,但没有试过。

前两天决定采用我现在的这个方式。
输出ContentType类型使用"text/css",再用@import url();引入css文件。

觉得是个很不错的方法:最重要的一点,可以很方便的引入多个css文件。
@import url("http://网站地址/styles.css");
#logo{display:none;}
legend{display:none;}
fieldset{border:none;}
#fisker-art-single-page{float: right; background-image: url(google-bg.gif);height: 270px; width: 320px;padding-top: 9px;padding-left: 11px;background-repeat: no-repeat;"}

时间: 2024-12-30 17:08:21

学习技巧:动态引入css的相关文章

用JS动态设置CSS样式常见方法小结(推荐)_javascript技巧

用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; element.style.height = '100px'; 2. 直接设置属性(只能用于某些属性,相关样式会自动识别) element.setAttribute('height', 100);

如何用JavaScript实现动态修改CSS样式表_javascript技巧

看过我写的<用JavaScript动态建立或增加CSS样式表的实现方法>之后,你就很容易想明白如何修改CSS样式表了. 正好今天在论坛碰到一位朋友问这样的一个问题: <style> .ls{width=120px;} </style> <script> //在这里加一句来改变.ls中width的值,如何写 </script> 有的朋友回答:"如果使用.ls的对象很多的话,用JS确实不方便, jquery方便,$(".ls&qu

JavaScript动态添加css样式和script标签_javascript技巧

[动态添加css样式] <html> <head> <script type="text/javascript"> window.onload=function(){ var head=document.getElementsByTagName('head')[0]; //获取到head元素 var link=document.createElement('link'); //创建link元素节点,也就是link标签 link.rel="s

同步异步动态引入js文件的几种方法总结_javascript技巧

动态加载js文件 有时候我们需要根据参数不同来引入不同的js文件,用html直接写标签满足不了我们的需求,总结几种方法,以及同步异步加载的各种需求 一.直接加载 <div id="divId"></div> <script> 二.异步加载,并发执行,但引入js内容不能直接使用 //1.1 直接document.write document.write("<script src='test.js'><\/script>

js 动态修改css文件的方法_javascript技巧

_.find(document.styleSheets[4].cssRules,function(cssRule){ if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ cssRule.style.position=""; cssRule.style.top = "0px"; } if(cssRule.selec

jquery原理以及学习技巧介绍_jquery

对于JQuery,想必大家都很熟悉.目前,很多web项目,在实施的过程中,考虑到各浏览器原生JS API的兼容性,大都会选用JQuery或类似于JQuery这样的框架来进行网页效果开发.JQuery上手简单,也很容易学,即使是刚接触JQuery的开发人员,借助JQuery手册,也很快能在项目中使用开发. 虽然JQuery相对简单,但要全面掌握,且快速灵活的使用它也并不那么容易,它提供了很多方法,包含了网页开发的各个知识面,所以要全面掌握这些知识点,个人认为还是需要对jquery有深入的理解,对这

技巧总结:CSS提高网页的维护更新效率

css|技巧|网页 随着互联网经济的不断发展,互联网上的专业网站.公众服务网站以及企业门户的数量都在飞速的增长,各网站的信息量也呈爆炸性增长的趋势.面对这些庞大的信息量,我们对网页中每一个栏目的增删,都会是一个很复杂的过程.为了提高网页的维护更新效率,我们可以使用样式表,来仅仅改变一个文件,就能达到同时改变几百个网页的外观,而其个性化的表现未受任何损失.为了能充分用好样式表的强大性和灵活性,笔者就怎样有效使用样式表,来谈谈自己的一些心得体会. 1.在一个网页中同时调用CSS的多种引入方式 在HT

【转】在html中引入CSS的方法

在html中,引入css的方法主要有行内式.内嵌式.导入式和链接式4种 1.行内式 即在标记的style属性中设定css样式,这种方式本质上没体现出css的优势,因此不推荐使用. 2.嵌入式 在对页面中各种元素的设置集中写在<head>和</head>之间的,对于单个页面来说,这种方式很方便 <style type="text/css"> div{margin: 0;padding: 0;border:1px red solid;} </sty

在Html中引入CSS的方法

HTML与CSS是两个作用不同的语言,它们同时对一个网页产生作用,因此必须通过一些方法,将CSS与HTML挂接在一起,才能正常工作. 在HTML中,引入CSS的方法主要有行内式.内嵌式.导入式和链接式4种. 1, 行内式 Code: <div style="border:2px #00F solid; width:80px; height:30px;">文本内容</div> 在标记的style属性中设置CSS样式,这种方法无法体现CSS的优势,不提倡使用. 2,