300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 前端学习(46):页面导入样式时 使用link和@import有什么区别?

前端学习(46):页面导入样式时 使用link和@import有什么区别?

时间:2019-09-08 17:49:13

相关推荐

前端学习(46):页面导入样式时 使用link和@import有什么区别?

用法

import的写法

<style type=”text/css”>

@import url(“a.css”);

</style>

link的写法

<link rel="stylesheet" href="index.csss">

区别

1. 来源:link属于XHTML标签,import是CSS提供的方式。link方式除了CSS,还可以定义RSS,定义rel连接属性等,而import只能加载CSS。

2. 顺序:link是页面加载时同时执行的,而import是在页面加载完之后,才会执行的(所以容易导致样式闪烁,即开始页面没有样式,突然会闪烁一下,然后就有了样式,就我个人比较喜欢link引用的方式)

3. js控制的差别:当页面需要使用javascript控制dom改变样式的时候,只能使用link标签,因为import不是js操作dom可以控制的。也不支持js操作dom来控制。

link和import的区别

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。