页面导入样式时,使用link和@import有什么区别?

来源:互联网 发布:好的职业技术学校知乎 编辑:程序博客网 时间:2024/06/01 19:08

区别:

  • link属于XHTML标签,除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS;
  • 页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;
  • import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题;

1、link语法结构

<link href="url" rel="stylesheet" type="text/css" />

此标签是引入css文件link标签,只要设置好路径即可。

2、@import语法结构

@import + 空格+ url(css文件路径地址);

原创粉丝点击