先说一说两者之间的异同 两者都可以引用外部CSS的方式，现在主流浏览器两者都支持（ps:@import是CSS2.1提出的），但是存在一定的区别：1.link是XHTML标签，除了加载CSS外，还可以定义其他事务；@import属于CSS范畴，只能加载CSS也只能在css代码里 ...
先说一说两者之间的异同
两者都可以引用外部CSS的方式，现在主流浏览器两者都支持（ps:@import是CSS2.1提出的），但是存在一定的区别：
1.link是XHTML标签，除了加载CSS外，还可以定义其他事务；@import属于CSS范畴，只能加载CSS也只能在css代码里面使用。
link标签定义文档与外部资源的关系,最常见的用途是链接样式表以及浏览器标签图标。
他主要有一下几个可用的属性
href: 连接的外部文档的位置url
media: 规定被链接文档将被显示在什么设备上,主流浏览器支持的值有 "screen"、"print" 以及 "all"
rel: 规定当前文档与被链接文档之间的关系，目前只有stylesheet和icon支持的比较好，其中icon指的外部链接文档为浏览器标签图标。
sizes： html5新特性，规定被链接资源的尺寸，该属性可接受多个值，值由空格分隔。仅适用于 rel="icon"。值为any（规定图标是可伸缩的）和heightxwidth。比如下面的例子定义标签图标
<link rel="icon" href="http://www.w3school.com.cn/i/demo_icon.ico" type="image/gif" sizes="16x16">
原标题：link和@inport详解以及脚本执行顺序探讨
关键词：
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
