css怎么用 css中link和import的区别？
css中link和import的区别？
本质上，这两种方法都是用于加载CSS文件的，但仍有细微的区别。
1. 祖先的差异。Link是一个XHTML标记，@import是CSS提供的一种方式。除了加载CSS，link-tag还可以做很多其他的事情，比如定义RSS，定义rel-connection属性等等，@import只能加载CSS。
2. 加载顺序的差异。加载页面时（即浏览器浏览页面时），link引用的CSS将同时加载，而@import引用的CSS将在所有页面下载后加载。所以有时候在浏览@import加载的CSS页面时，一开始就没有样式（即闪烁），这在网速慢的时候是很明显的。
3. 相容性的差异。因为@import是由css2.1提出的，所以旧的浏览器不支持它。只有IE5或以上版本的人才能识别@import，但是link标签没有这个问题。
4. 使用DOM控制样式的差异。当使用JavaScript控制DOM来更改样式时，只能使用link标记，因为@import不受DOM控制。
@Import可以再次将其他样式表引入CSS。例如，您可以创建主样式表并将其他样式表引入主样式表，例如：主.css
--------
@import“sub1.css”
@import“sub2.css”
sub1.css
----------
p{颜色：红色}
sub2.css
----------.myclass{颜色：蓝色}
这更有利于修改和扩展。
一般来说，这些差异是相同的。从上面的分析来看，最好使用link标签。为标准网页制作加载CSS文件时，还应选择要加载的媒体，如屏幕、打印或全部。
提示：这样做有一个缺点。它将生成太多的HTTP请求到网站服务器。以前是一个文件，现在是两个或更多的文件。服务器的压力越来越大，浏览量大的网站应该谨慎使用。感兴趣的可以查看新浪等网站的主页或栏目主页代码。他们总是直接用HTML而不是外部文件编写CSS或JS。
css引用的两种方式，link和@import的区别？
有两种方法可以在网页中引用外部CSS文件：链接和@import。两种方式在页面上的效果相同。链接引用如下：
<link=“样式.css“Type=”text/CSS“/>
@导入引用如下：
<style Type=”text/CSS“”>@导入url（“样式.css“）</style>
区别1：不同的应用范围@Import可以在网页或CSS文件中使用，将多个CSS文件导入到一个CSS文件，而link只能将CSS文件导入网页。区别二：功能范围不同。链接属于XHTML标记，@import是CSS提供的一种方式。除了加载CSS，link tag还可以定义RSS、rel连接属性等@import只能加载CSS。
区别3：装载顺序不同。当一个页面被加载时，link引用的CSS将同时被加载，而@import引用的CSS将在所有页面被下载后被加载。所以有时候在浏览@import加载的CSS页面时，一开始就没有样式（即闪烁），这在网速慢的时候是很明显的。
区别4：兼容性因为@import是由css2.1提出的，所以旧浏览器不支持它。只有IE5以上的人才能识别@import，而link标签没有这个问题。
差异5：控制风格的差异。使用链接模式允许用户切换CSS样式。Firefox、opera和safari等现代浏览器都支持rel=“alternate stylesheet”属性（您可以在浏览器中选择不同的样式）。当然，您也可以使用JavaScript使ie支持用户更改样式。
说出前端link和import的区别？
（1）不同的使用方式（XHTML与CSS）链接通常在HTML标题中定义为HTML标记。除了介绍CSS之外，还可以解释一下，例如rel=“icon”w3school定义link如下（link resources，主要用于链接外部样式表：< link>标记定义文档和外部样式表之间的链接资源<link>标记用于链接到外部样式图纸.导入它通常在CSS中定义，并且必须在所有其他规则（charset除外）之前，也就是说，它通常写在文件的头中，它是专门用来链接CSS的。（2） 装载顺序不同。导入实际上比链接延迟得多。它将等待页面下载，因此它可能会闪烁。请看下图（刷子.css留下来组件.css（3） 兼容性和支持是不同的。因为@import是由css2.1提出的，所以旧的浏览器不支持它。只有IE5以上的人才能识别@import，但link标签不会出现问题。
css怎么用 react引入css外部文件 link和import的区别面试
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
