使用@import和link导入CSS样式文件有什么区别

更新时间:2019-09-08 15:28:56 来源:青锋建站 作者:青锋建站
  我们知道在网页中引用外部CSS有两种方式,即:@import与link。我们也经常听到有人说要使用link来引入CSS更好,那么使用@import和link导入CSS样式文件有什么区别吗?以下是青锋建站给大家分享的使用@import和link引入CSS文件的区别。

使用link导航CSS样式文件

1、link可以把外部CSS与网页连接起来
2、使用link方式一个最主要的原因就是你可以让用户切换CSS样式.现代浏览器如Firefox,Opera,Safari都支持 rel="alternate stylesheet"属性(即可在浏览器上选择不同的风格),当然你还可以使用Javascript使得IE也支持用户更换样式.

使用@import在CSS文件中导入其他CSS文件

1、import文字上与link的区别就是它可以把在一个CSS文件中引入其它几个CSS文件。
2、大部分使用@import方式的人是因为旧的浏览器是不支持@import方式的,这意味着我们可以使用@import来引入只让现代浏览器解析的CSS样式。基础这种应用可以达到更高的兼容性,例如我们在网站上使用了动画效果,然而旧浏览器不支持,我们可以使用这个方法,这时动画只在新浏览器中播放。
3、当你的网页需要引入几个外部CSS文件时.你可以使用link引入一个CSS,然后在这个CSS文件中用@import方式引入其它几个CSS文件.这样看起来更容易管理.

使用@import的缺点

1、当用户浏览的网速较慢时,他会看到一个没有风格样式的页面,然后随着CSS文件被下载完成才可以看到应有的风格
2、@import会使得CSS整体载入时间变长.并且在IE中会导致文件下载次序被更改,例如放置在@import后面的script文件会在CSS之前被下载.
  以h是青锋建站给大家分享的使用@import和link引入CSS文件的区别。就目前看来小型的网站还是使用link比较合适(或者说比较流行),当然如果将来我们需要把CSS进行模块化管理也肯定要用到@import.青锋建站,提供专业的高品质网站制作服务,包括网站建设,SEO,网络营销,PHP网站建设,网站建设知名品牌,全国接单,为企业构建强有力的营销平台。

转载请注明来源网址:青锋建站-http://www.sjzphp.com/webdis/importlink.html

电话 15632335515 | 邮箱 943703539@qq.com | QQ 943703539 | 微信 qingfengjianzhan

Copyright © 2016-2026 青锋建站 版权所有