子不语

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 86|回复: 0

[经验分享] CSS 外链式和导入式的区别

[复制链接]
发表于 2018-9-1 18:24:29 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
外链式:<link rel="stylesheet" type="text/css" href="文件地址"/>
导入式:<style type="text/css">@import url(文件地址)</style>

1.link属于xhtml和html5的标签,除了可以加载css外,还可以做其他的事情,比如定义rss,定义rel连接属性等;
   @import是css提供的一种方式,只能加载css。

2.外链式为外部链接形式,页面加载时会同时加载html和css,在网速较慢的情况下,不至于出现排版混乱;
   导入式,顾名思义,即将css导入html文档,浏览器会先加载html,然后加载css,网速较慢的情况下,会出现排版混乱,造成不好的影响。

3.导入式可以避免多个页面指向一个css文件,造成速度下降的问题(前提是页面数量达到一个量级,能达到此种量级的网站,配置必然不会很低,所以这种因素可以忽略)

4.link无兼容性问题,@import 是css2.1提出的,老浏览器不支持,支持IE6及以上。

5.当使用javascript控制DOM去改变样式的时候,只能使用link;@import不受DOM控制。


目前只知道这些了,有不足的欢迎大家补充。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|子不语 ( 晋ICP备18008681号 )

GMT+8, 2018-9-21 02:37

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表