CSS中link和@import都是用于导入css文件的语法，但它们之间有很多不同之处。
区别一
link是HTML标签，需要写在head标签中，而@import是CSS语法，需要写在CSS文件中，不能写在HTML文件中。
区别二
link可以通过rel属性指定关系属性，如stylesheet、icon等，而@import没有这个属性，只能导入样式文件。
区别三
在使用link导入样式文件时，浏览器会同时下载HTML和CSS文件，并行加载，而@import需要等HTML文件加载完毕后才会加载CSS文件，无法并行加载，会影响页面的加载速度。
示例一
使用link导入外部样式表
<head>
<link rel="stylesheet" type="text/css" href="/style.css">
</head>
示例二
使用@import导入外部样式表
@import url('/style.css');
以上就是CSS中link和@import区别说明的完整攻略。需要注意的是，在实际开发中，一般建议使用link来加载样式文件，因为它加载速度快、稳定性高，不容易出现冲突等问题。但当需要控制样式文件的加载顺序时，可以使用@import。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：CSS中link和@import的区别说明 - Python技术站
微信扫一扫 
支付宝扫一扫 