专注于SEO基础服务!                  外链查询平台

外链代发css中导入样式表和链接样式表有什么区别


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

链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用<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这两者对于网速慢的浏览者也几乎没什么影响,除非浏览者的网速极其慢,你的网页特别大,就会出现这两者的差别。为了周全起见,这就解释了为什么现在网站绝大多数用“连接”而不是“导入”了