CSS 使用@import url（）与link href 的区别

@import url（/css/a.css）很简单但出现了兼容问题，在ff下无法调用样式，大家都以为是@import搞的怪，但用link后问题依然出现。经过一番讨论原来是绝对路径在ff下是不认的。

跑题了，呵呵。下面对@import url（）做一下总结：

1，@import url（）机制是不同于link的，link是在加载页面前把css加载完毕，而@import url（）则是读取完文件后在加载，所以会出现一开始没有css样式，闪烁一下出现样式后的页面(网速慢的情况下)。

2，@import 是css2里面的，所以古老的ie5不支持。

3，当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

4，link除了能加载css外还能定义RSS，定义rel连接属性，@import只能加载css

所以我认为结合来使用就最好，比如：<link href="css/main.css" rel="stylesheet" type="text/css">

引用了一个main.css文件，在main.css里面再引用@import url(footer.css);@import url(head.css);

这样达到一个清晰明了的作用

转载于:https://www.cnblogs.com/Rampage/archive/2010/09/03/1816783.html

CSS 使用@import url（）与link href 的区别相关推荐

html网页如何引入用linkcss文件,[网页设计]link和@import url()引入外部css文件的区别...
和@import url()引入外部css文件的区别: 标题中的两种方式都可以引入外部css文件,关于它们的基本用法这里就不多介绍了,具体可以参阅相关阅读.相关阅读: (1).标签可以参阅HTML的标 ...
link和import的区别,src和href的区别，css hark 以及HTML5及css3的新增特性
link和import的区别 link是标签浏览器会在一开始就渲染样式而import是引入会在最后引入 link是XHTML标签,无兼容问题:@import是在CSS2提出的,低版本的浏览器不支持 l ...
url,href,src区别
URL(Uniform Resource Locator) 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址.互联网上的每个文件都有一个唯一的URL ...
css中的@inport 与link
在html 代码中我们常常用分离的思想引入外部的css文件,常用的方法有2种,@import 语法: <style type="text/css" media="s ...
HTML中scr是图片的什么,HTML中关于url、scr、href的区别
HTML中关于url.scr.href的区别 URL是什么 URL:Uniform Resource Locators(统一资源定位器)的简写,Web浏览器通过URL从Web服务器请求页面. url不 ...
css inport作用,浅谈css和@import区别及用法详解
下面小编就为大家带来一篇浅谈css和@import区别及用法.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧 css和@import都是调用外部样式表的方法. 一.用法 ...
云客Drupal源码分析之Url和Link
各位<云客drupal8源码分析>系列的读者: 本系列分享希望帮助大家理解drupal8底层原理,并缩短学习时间,但部分重点内容在博客仅发布前言和目录,这是因为:drupal在国外如此流行 ...
[css] css中的url()要不要加引号？说说你的理解
[css] css中的url()要不要加引号?说说你的理解可以加,也可以不加.这个跟html标签的属性书写可以加引号也可以不加引号是一样的道理,当然如果属性中含有特殊字符比如空格则需要加空格,否则会 ...
css自动换行包括url
<html> <head> <title>css自动换行包括url</title> <style type="text/css&quo ...

CSS 使用@import url（）与link href 的区别

CSS 使用@import url（）与link href 的区别相关推荐

最新文章

热门文章