15632335515

当前位置: 主页 > 建站教程 >

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

我们知道在网页中引用外部CSS有两种方式,即:@import与link。我们也经常听到有人说要使用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之前被下载.

就目前看来小型的网站还是使用link比较合适(或者说比较流行),当然如果将来我们需要把CSS进行模块化管理也肯定要用到@import.

分享到:

最新发布MORE

  • 如何实现只有会员登录才能提交dede织梦自定义表单
  • dede织梦列表页第一页与默认页标题重复
  • 使用@import和link导入CSS样式文件有什么区别
  • CSS设计网站布局样式常用技巧
  • CSS块级元素与行内元素的对比
  • DIV+CSS使用技巧与错误调试方法
  • CSS选择器举例使用讲解
  • CSS滤镜属性的使用与讲解
  • XML显示数据验证文档的使用方法
  • css使块元素隐藏的方法
  • 网站案例   关于我们
  • 联系电话:15632335515   QQ:943703539
  • 联系地址:河北石家庄桥西区
  • Copyright © 2016-2026 青锋工作室 版权所有
  • 15632335515