难度级别:初级及以上 提问概率:55%
link是我们非常熟悉的一个HTML标签,用于引入CSS文件,而@import则存在于CSS文件内部,用于再次引入其他的CSS文件。所以很显然,执行顺序上,link标签会随着HTML文档加载,开始触发下载CSS文件的操作。而@import引入的CSS附属文件,则需要当前宿主CSS文件被下载后、被浏览器解析后、执行到这一行的时候,才能触发附属CSS文件的下载。同时这也是一个很好的优化手段,可以使一些首屏非必要的CSS文件采用@import方式引入。
但需要注意的是,link引入的CSS样式在权重上,要高于@import引入的CSS样式。示例代码如下
HTML代码:
<!DOCTYPE html>
<html>
<head&