第29题：link与@import的区别

题目

下列关于使用link和@import，说法不正确的是（B）

A: 页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载
B: link、@import均支持使用js控制DOM去改变样式
C: @import就只能加载CSS ，link标签还可以定义RSS等
D: import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题

解析

外部引用css有2种方式，link与@import。建议强烈使用link标签慎用@import方式，这样可以避免@import的语法规则和注意事项。

link的使用：

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

@import的使用：

<style type="text/css">
@import url(index.css);
</style>

import的写法比较多：推荐使用 @import url(index.css);

两者区别：

从属关系区别：@import是css提供的语法规则，只有导入样式表的作用；link是XHTML标签，不仅可以加载css文件，还可以定义RSS、rel连接属性等
加载顺序：在加载页面时，link标签引入的css被同时加载;@import引入的CSS将在页面加载完毕后被加载。
兼容性：@import是CSS2.1才有的语法，只有IE5+才能识别：link是XHTML标签，不存在兼容问题
DOM可控性：可以通过JS操作DOM，插入link标签来改变样式；由于DOM方法是基于文档的，无法使用@import的方式插入样式。

第29题：link与@import的区别相关推荐

link引入html5,CSS引入方式 | link和@import的区别 — 生僻的前端考点
link和@import的区别 HTML5学堂:CSS的引入方式有外部引入.页面头部书写.标签内联书写,其实还有@import的引入方式,但是现在基本被淘汰掉了.为了让大家了解到更多的知识,今天给大家 ...
link和import的区别,src和href的区别，css hark 以及HTML5及css3的新增特性
link和import的区别 link是标签浏览器会在一开始就渲染样式而import是引入会在最后引入 link是XHTML标签,无兼容问题:@import是在CSS2提出的,低版本的浏览器不支持 l ...
link和@import的区别：
link和@import的区别: 1.从属关系区别 @import是 CSS 提供的语法规则,只有导入样式表的作用:link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS.rel ...
link和@import的区别？
一.link和@import的区别? 1.1.link属于html标签,而@import是css提供的. 1.2.页面被加载时,link会同时被加载,而@import引用的css会等到页面被加载完再加 ...
herf、src和link与@import的区别
前言我们在开发页面的时候,有时候需要需要引用一些外部的资源,经常分不清一些链接,下面我们就来谈谈它们之间到底分别是什么,这样使用的时候就做到心中有数. 一.link和@import的区别两者都是外 ...
网页编程html link,Web--CSS控制页面（link与import方式区别）详解
先了解: [1] "Table"和"DIV"这两个网页元素诞生的目的不同,首先Table诞生的目的是为了存储数据,而DIV诞生的目的就是为了架设页面 ...
外部引用CSS中 link与@import的区别
这两天刚写完XHTML加载CSS的几种方式,其中外部引用CSS分为两种方式link和@import. 本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别. 差别1:老祖宗的差别.link ...
link 和@import 的区别?
link <link rel='stylesheet' rev='stylesheet' href='CSS 文件 ' type='text/css' media='all' /> imp ...
link 和 @import 的区别
1.引入的内容不同: link 除了引用样式文件,还可以引用图片等资源文件,而 @import 只引用样式文件 2.加载顺序不同 link 引用 CSS 时,在页面载入时同时加载:@import 需要 ...

第29题：link与@import的区别

题目

解析

link的使用：

@import的使用：

两者区别：

第29题：link与@import的区别相关推荐

最新文章

热门文章