• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > css外部样式加载Link与import的区别

css外部样式加载Link与import的区别

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含Link,import等相关知识,佚名 希望在学习及工作中可以帮助到您
第一点:引用方式

首先看link

<link rel="stylesheet" type="text/css" href="http://www.jb51.net/style.css" />

最常见的link引用方式,分别解释一下没一个属性先

rel:告诉浏览器引用的是一个样式表文件

type:文件类型

href:文件地址

@import

<style type="text/css">@import url(http://www.jb51.net/style.css);</style>

只能写引用样式表的名称

第二点:加载顺序

link是页面加载时候的同时加载

@import是在整个页面加载完之后加载css文件的,如果页面加载很慢,会出现一开始无样式

第三点:浏览器的兼容性

@import是css2.1提出的,只在ie5以上才能识别,link不存在这个问题

第四点:使用js的dom控制样式时候,只能用link

基本就这些了,如果还有,欢迎大家提出,谢谢!

如无特殊需求推荐用link

您可能想查找下面的文章:

  • CSS中link和@import的区别说明
  • 全面了解link与import方式的区别
  • Link 标签 rel=Stylesheet的实际作用
  • 在CSS中定义a:link、a:visited、a:hover、a:active正确顺序
  • css中link和@import的区别分析详解
  • css外部样式加载Link与import的区别
  • 外部引用CSS中 link与@import的区别

相关文章

  • 2017-08-06CSS3实现同时执行倾斜和旋转的动画效果
  • 2017-08-06详解CSS3 Media Queries中媒体属性的使用
  • 2017-08-06html css中id和class的区别比较
  • 2017-08-06IE bug input 外层浮动的边距问题
  • 2017-08-06表单元素radio select对齐与IE6下双边距问题解决方案
  • 2017-08-06多行图片hover加边框会把下面的图片挤到别处的解决方法
  • 2017-08-06font-weight 属性设置文本的粗细介绍
  • 2017-08-06css reset样式重置介绍 重置css样式工具分享
  • 2017-08-06css3 transform属性详解
  • 2017-08-06CSS中几个与换行有关的属性简明总结

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 一个css transform效果 很有图片的感觉
    • 使用CSS做出一个嵌套导航.
    • DIV+CSS 三栏布局实例代码
    • IE8 css overflow:hidden不起作用
    • css外部样式加载Link与import的区别
    • 使用X-UA-Compatible来设置IE浏览器兼容模式
    • CSS3+Sprite实现僵尸行走动画特效源码
    • 在IE浏览器下出发CSS的haslayout属性
    • CSS 网页制作时遇到问题的快速参考技巧
    • 使用CSS绝对定位实现块状元素自适应居中

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有