link引入css和@import引入css的区别?----面试题

1.两者导入的语法不同
link(链接式语法)

<link rel="stylesheet" href="style.css">
@import的语法不同:

<style type="text/css">
@import url("style.css")
</style>
2.link和import语法结构不同,前者是html标签,只能放在html源代码中使用,link除了可以加载css外,还可以做很多其他事情,比如定义RSS,定义rel连接属性等。@import看作CSS样式,只能加载CSS

3.使用link方式,浏览器将css文件和HTML的主题部分一同加载,所以显示出来的页面从一开始就是带样式效果的;而采用@import方式,浏览器则会先装在完整个HTML文件再装载CSS文件

4.当使用javascript控制DOM去改变样式的,只能用link方式,因为@import眼里只有CSS ,不是DOM可以操控的。
5.link是XHTML标签,无兼容问题,@import是在CSS2.1提出的,低版本的浏览器不支持

猜你喜欢

转载自blog.csdn.net/weixin_34419321/article/details/86986372