2020-04-01 15:36发布
加载顺序有区别，加载页面时，link标签引入的 CSS 被同时加载，@import引入的 CSS 将在页面加载完毕后被加载。
link是HTML提供的标签，不仅可以加载CSS，还可以定义rel等属性，@import是css提供的语法，只有导入样式表的作用
1.从属关系区别
@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。
2.加载顺序区别
加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。
3.兼容性区别
@import是 CSS2.1 才有的语法，故只可在 IE5+ 才能识别；link标签作为 HTML 元素，不存在兼容性问题。
4.DOM可控性区别
可以通过 JS 操作 DOM ，插入link标签来改变样式；由于 DOM 方法是基于文档的，无法使用@import的方式插入样式。
5.权重区别(该项有争议，下文将详解)
link引入的样式权重大于@import引入的样式。
本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。
1. 老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。
2. 加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显。
3. 兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
4. 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。
区别如下： 1. 本质的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。 2. 加载顺序的差别。当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式，网速慢的时候还挺明显。 3. 兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。 4. 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。
前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。简单地说，能够从 App 屏幕和浏览器上看到的东西都属于前端。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基...
inputname=type=textstyle=width:200px;height:20px;
一般在4.5个月左右。
女生零基础学web前端是不难的。这是比较注重实际动手操作的学科，只要你肯用心学，并且有专业老师的指导，女生零基础学web前端，只需要4个月左右的时间
很适合女生学习，主要是看自己在这方面有没有兴趣
CSS主要的作用就是给网页中的dom元素设置样式，选择器则是用来匹配dom元素的。CSS中的选择器有三种，分别是标签选择器(根据元素标签名称)，类选择器(根据元素class属性)，id选择器(根据元素id属性)，并且三种选择器可以相互结合使用例如：body{background-col...
html、css、js、框架、小程序等
根据自己的兴趣和实际情况来选择编程：Java、大前端、Python人工智能、大数据、Linux云计算、软件测试、PHP、网络安全设计：UI设计、产品经理、三维可视化设计、影视动画、室内设计、VR/AR运营：互联网营销、新媒体运营、短视频运营、电商运营每个人都是不同...
HTML123倒计时JS//验证码var counts = 60;function settime(val) { if(counts == 0) { val.removeAttribute(disabled); val.value = 获取验证码; counts = 60; return...
HTML中有个class为box的div元素，通过修改css样式让box元素在页面水平垂直居中显示
HTML,CSSJavaScriptjQueryvue,React微信小程序，公众号
对于前端初学者来说，html+css是入门前端最基础的内容，要学好并熟练运用html+css可从以下几点出发： 1.结合html+css+Photoshop，学会如何切割页面。所谓切图是指将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面。 2.打开有关浏览器网页，参...
html如何让文字居中显示通过设置左右margin值为auto来实现居中的。我们来看个例子就是专设置属div这个块状元素水平居中：html代码：div{border:1pxsolidred;/*为了显示居中效果明显为div设置了边框*/width:200px;margin:20pxauto;/*margin-left与margin-right...
有关块与内联元素的心得(内联元素右对齐)未改代码:目的:将日期右对齐,但下面的代码,把含日期内联元素转为块元素,再让其向右浮动,但结果显得为错位显示.未能达到预期目的. New Document #css01{width:360px;height:300px;text-align : left; float:left;margin...
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 779 的问题《CSS中 link 和@import 的区别是什么？》','http://www.shouhuola.com/q-2818.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
加载顺序有区别，加载页面时，link标签引入的 CSS 被同时加载，@import引入的 CSS 将在页面加载完毕后被加载。
link是HTML提供的标签，不仅可以加载CSS，还可以定义rel等属性，@import是css提供的语法，只有导入样式表的作用
1.从属关系区别
@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。
2.加载顺序区别
加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。
3.兼容性区别
@import是 CSS2.1 才有的语法，故只可在 IE5+ 才能识别；link标签作为 HTML 元素，不存在兼容性问题。
4.DOM可控性区别
可以通过 JS 操作 DOM ，插入link标签来改变样式；由于 DOM 方法是基于文档的，无法使用@import的方式插入样式。
5.权重区别(该项有争议，下文将详解)
link引入的样式权重大于@import引入的样式。
本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。
1. 老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。
2. 加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显。
3. 兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
4. 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。
区别如下：
1. 本质的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。
2. 加载顺序的差别。当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式，网速慢的时候还挺明显。
3. 兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
4. 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。
相关问题推荐
前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。简单地说，能够从 App 屏幕和浏览器上看到的东西都属于前端。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基...
inputname=type=textstyle=width:200px;height:20px;
一般在4.5个月左右。
女生零基础学web前端是不难的。这是比较注重实际动手操作的学科，只要你肯用心学，并且有专业老师的指导，女生零基础学web前端，只需要4个月左右的时间
很适合女生学习，主要是看自己在这方面有没有兴趣
CSS主要的作用就是给网页中的dom元素设置样式，选择器则是用来匹配dom元素的。CSS中的选择器有三种，分别是标签选择器(根据元素标签名称)，类选择器(根据元素class属性)，id选择器(根据元素id属性)，并且三种选择器可以相互结合使用例如：body{background-col...
html、css、js、框架、小程序等
根据自己的兴趣和实际情况来选择编程：Java、大前端、Python人工智能、大数据、Linux云计算、软件测试、PHP、网络安全设计：UI设计、产品经理、三维可视化设计、影视动画、室内设计、VR/AR运营：互联网营销、新媒体运营、短视频运营、电商运营每个人都是不同...
HTML123倒计时JS//验证码var counts = 60;function settime(val) { if(counts == 0) { val.removeAttribute(disabled); val.value = 获取验证码; counts = 60; return...
HTML中有个class为box的div元素，通过修改css样式让box元素在页面水平垂直居中显示
HTML,CSSJavaScriptjQueryvue,React微信小程序，公众号
对于前端初学者来说，html+css是入门前端最基础的内容，要学好并熟练运用html+css可从以下几点出发： 1.结合html+css+Photoshop，学会如何切割页面。所谓切图是指将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面。 2.打开有关浏览器网页，参...
html如何让文字居中显示通过设置左右margin值为auto来实现居中的。我们来看个例子就是专设置属div这个块状元素水平居中：html代码：div{border:1pxsolidred;/*为了显示居中效果明显为div设置了边框*/width:200px;margin:20pxauto;/*margin-left与margin-right...
有关块与内联元素的心得(内联元素右对齐)未改代码:目的:将日期右对齐,但下面的代码,把含日期内联元素转为块元素,再让其向右浮动,但结果显得为错位显示.未能达到预期目的. New Document #css01{width:360px;height:300px;text-align : left; float:left;margin...