link引入html5,CSS引入方式 | link和@import的区别

link和@import的区别

HTML5学堂：CSS的引入方式有外部引入、页面头部书写、标签内联书写，其实还有@import的引入方式，但是现在基本被淘汰掉了。为了让大家了解到更多的知识，今天给大家分享link和@import的区别。

页面中使用CSS的方式主要有3种：

行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是：

XML/HTML代码

@import url("CSS文件");

两者都是外部引用CSS的方式，但是存在一定的区别：

区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

区别4：link支持使用JavaScript控制DOM去改变样式；而@import不支持。

欢迎沟通交流~HTML5学堂

补充：@import最优写法

@import的写法一般有下列几种：

@import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别

@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别

@import url(style.css) //Windows NS4, Macintosh NS4不识别

@import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别

@import url("style.css") //Windows NS4, Macintosh NS4不识别

由上分析知道，@import url(style.css) 和@import url("style.css")是最优的选择，兼容的浏览器最多。从字节优化的角度来看@import url(style.css)最值得推荐。

link引入html5,CSS引入方式 | link和@import的区别 — 生僻的前端考点相关推荐

html中井号的作用,html5 css选择器井号, 句点的区别
一.理解CSS的样式组成CSS里的样式表是有规则组成的,每条规则有三个部分组成: 1.选择器(如下面例子中的:"body"),告诉浏览器文档的哪个部分受规则影响: 2.属性(如实例 ...
加载css文件的几种方法,CSS 引入方式
HTML 中引入 CSS 的方式有 4 种方式可以在 HTML 中引入 CSS.其中有 2 种方式是在 HTML 文件中直接添加 CSS 代码,另外两种是引入外部 CSS 文件.下面我们就来看看这 ...
外部引用CSS中 link与@import的区别
这两天刚写完XHTML加载CSS的几种方式,其中外部引用CSS分为两种方式link和@import. 本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别. 差别1:老祖宗的差别.link ...
第29题：link与@import的区别
题目下列关于使用link和@import,说法不正确的是(B) A: 页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载 B: link.@import均支持 ...
css 引入的方式有哪些？ link与post有什么区别？？
有四钟形式: 1.链入外部样式表,就是把样式表保存为一个样式表文件,然后在页面中用<link rel="stylesheet" type="text/css&quo ...
html网页如何引入用linkcss文件,[网页设计]link和@import url()引入外部css文件的区别...
和@import url()引入外部css文件的区别: 标题中的两种方式都可以引入外部css文件,关于它们的基本用法这里就不多介绍了,具体可以参阅相关阅读.相关阅读: (1).标签可以参阅HTML的标 ...
添加css的方式：link与@import区别
如何在html中添加css? 在html中设置css共有三种方式,分别是: 行内式内嵌式导入式-link 导入式-@import 1.行内式.即在html标签中的style属性中设置css,值得注 ...
CSS基础(part1)--引入CSS的方式
学习笔记,仅供参考,有错必纠文章目录 CSS CSS的定义引入CSS的方式行内样式嵌入样式外联CSS样式导入样式 CSS CSS的定义什么是CSS? CSS 指层叠样式表 (Cascad ...
link引入和@import的区别
本质上, 这两种方式都是加载CSS文件, 但还是存在着细微的差别 @import 机制不同于link,link是加载页面前css加载完毕,@import 是先读取文件再加载 @import是css2. ...

link引入html5,CSS引入方式 | link和@import的区别 — 生僻的前端考点

link引入html5,CSS引入方式 | link和@import的区别 — 生僻的前端考点相关推荐

最新文章

热门文章