导入css文件使用判断条件实现

当前位置 : 首页 > 网页制作 > 心得技巧 > 导入css文件使用判断条件实现

导入css文件使用判断条件实现

来源:互联网 作者:脚本宝典 时间:2015-09-02 12:56
方案一: 在HTML文档中使用条件导入,如在HEAD中插入如下代码: 复制代码 代码如下: !--[if IE 6] link rel=stylesheet href=ie.css type=text/css / ![endif]-- !--[if IE] link type=text/css media=screen rel=stylesheet

方案一: 在HTML文档中使用条件导入,如在HEAD中插入如下代码: 

复制代码

代码如下:


<!--[if IE 6]> 
<link rel="stylesheet" href="ie.css" type="text/css" /> 
<![endif]--> 
<!--[if IE]> 
<link type="text/css" media="screen" rel="stylesheet" href="js/colorbox-custom-ie.css" title="Cleanity" /> 
<![endif]--> 


方案二: 在CSS文档的开头使用条件导入,如下的代码所示: 

复制代码

代码如下:


[if SafMob] 
@import('iphone.css'); 
[if ! SafMob] 
@import('non-iphone.css'); 


浏览器加载css的顺序: 
1.加载url指定的html页面 
2.解析html 
3.远程获取link标签引用的css文件 
4.加载执行获取的css文件,[email protected] url("xx.css")这样代码,就会远程获取xx.css 
5.加载执行xx.css 
通过 @import 最多可以导入31个CSS文件,由于每一次远程获取css文件都会产生http链接,比较耗时间,所以,[email protected],估计没有哪个项目会用这么多。


Tag:

相关文章

网友评论

<