动态加载样式(css)文件
2013-06-11 16:21
501 查看
样式(css)文件,一般情况之下,是在创建网页时,就部署好了。但在动态化的环境之下,动态加载样式,是常之操作的开发。
我们在网站创建一个目录CssStyle,然后在这个目录中,创建一个样式文件StyleSheet.css:
如果某一网页中,想使用这个样式文件,只要拉至这网页中的<head>节点中即可。
只要网页中的TextBox控件应用了这个样式,就可以看到效果了:
看看这是普通的做法,网页引用样式文件,看看运行的效果:
现在,我们来演示动态加载样式文件的写法。首先去把上面拉入<head>节点内的引用样式文件的语句删除或是Comment。
在做动态加载之前,先看看刚才Comment的引用样式文件语句,三个属性,href,rel和type。
VB.NET语法:
现在可以运行,并右键看html源代码:
我们在网站创建一个目录CssStyle,然后在这个目录中,创建一个样式文件StyleSheet.css:
body { } .textbox { border-style: solid; border-color: #f00; border-width: 1px; }View Code
如果某一网页中,想使用这个样式文件,只要拉至这网页中的<head>节点中即可。
只要网页中的TextBox控件应用了这个样式,就可以看到效果了:
看看这是普通的做法,网页引用样式文件,看看运行的效果:
现在,我们来演示动态加载样式文件的写法。首先去把上面拉入<head>节点内的引用样式文件的语句删除或是Comment。
在做动态加载之前,先看看刚才Comment的引用样式文件语句,三个属性,href,rel和type。
VB.NET语法:
现在可以运行,并右键看html源代码:
相关文章推荐
- 动态加载样式(css)文件
- 使用jquery动态加载js,css文件
- JS动态加载JS和CSS文件的方法
- JS动态加载JS文件与CSS文件
- 动态加载、移除、替换js/css文件
- 动态加载样式和js文件(转)
- ASP.NET动态加载CSS文件
- flex4动态加载样式文件即换肤
- .NET Web后台动态加载Css、JS 文件,换肤方案
- CSS3 响应适动态加载 外部style样式文件
- 用JavaScript动态加载CSS和JS文件
- 如何实现JavaScript动态加载CSS和JS文件
- 用JavaScript动态加载CSS和JS文件
- Asp.Net网页头部动态加载标题、描述、关键字、css和js文件的方法
- CSS文件动态加载
- 明明加载好了css,js文件,页面的样式还是不对的解决办法
- 动态加载/删除css文件以及图片预加载
- js动态加载css文件和js文件的方法
- 动态加载JS(css)文件
- ASp.net动态加载js和css文件