css中导入样式表和链接样式表有什么区别，我不是问语法，而是问内在区别，还有我怎么才能体会到他们的区别

发布网友发布时间：2022-03-25 23:17

共3个回答

热心网友时间：2022-03-26 00:46

1. link标签是属于xhtml范畴，而@import则是css2.1中特有的。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。

2. 加载的顺序的区别，link加载的css时，是一种并行(没有尝试是否是这样)加载CSS方式，而@import则在整个页面加载完成后才加载。

3. 兼容性的区别，因@import是CSS2.1才特有的，所以对于不兼容CSS2.1的浏览器来说，无效。

4. 在样式控制上(比如动态改变网页的布局时,使用javascript操作DOM)的区别，此时@import就*为力了。

热心网友时间：2022-03-26 02:04

链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用<link>标记链接到这个样式表文件，这个<link>标记必须放到页面的<head>区内，如下：
<head>
……
<link rel="stylesheet" type="text/css" href="mystyle.css">
……
</head>

导入外部样式表是指在内部样式表的<style>里导入一个外部样式表，导入时用@import，看下面这个实例：
<head>
……
<style type=”text/css”>
<!--
@import “mystyle.css”

引用hve写的css速成手册
导入会增加的你的页面大小链接不会

但是导入可以避免链接那样的过多页面指向一个css文件
造成磁盘io不足速度下降的弊病

还有“href”连接的css是客户端浏览你的网页时先加载css溶于html语言结构之中，所以采取这种方式的网页是你预期好的理想的展现形态；
而“导入”则是客户端再浏览你的网页时，客户端先加载获取网页的html结构呈现出来，网速及其慢的情况之下，浏览者就会先看到一个没有css的html页面，可能及其难看，待接下来css再导入导html结构中，客户端才会最终展现出加载完css的html理想效果页面。
ps：当然一个页面几十百来K这两者对于网速慢的浏览者也几乎没什么影响，除非浏览者的网速极其慢，你的网页特别大，就会出现这两者的差别。为了周全起见，这就解释了为什么现在网站绝大多数用“连接”而不是“导入”了

热心网友时间：2022-03-26 03:39

首先，外置的一个样式文件可以被很多需要用到的地方调用．内置就做不到这点了．
其次，如果你要修改一个样式表，外置只要修改一个，内置呢，你有多少个相关文件就要修改多少个文件的样式．这就失去了样式表的特性，样式表就是为了实现内容与效果分离的结果，如果都要这样改，何必用样式表？
再有，内置比外置文件容量会大很多．易读易改性也会差．