美文网首页
link引入css和@import引入css的区别?----面试

link引入css和@import引入css的区别?----面试

作者: 刘宏儿 | 来源:发表于2019-01-24 16:00 被阅读0次

1.两者导入的语法不同
link(链接式语法)

<link rel="stylesheet" href="style.css">
@import的语法不同:

<style type="text/css">
@import url("style.css")
</style>
2.link和import语法结构不同,前者是html标签,只能放在html源代码中使用,link除了可以加载css外,还可以做很多其他事情,比如定义RSS,定义rel连接属性等。@import看作CSS样式,只能加载CSS

3.使用link方式,浏览器将css文件和HTML的主题部分一同加载,所以显示出来的页面从一开始就是带样式效果的;而采用@import方式,浏览器则会先装在完整个HTML文件再装载CSS文件

4.当使用javascript控制DOM去改变样式的,只能用link方式,因为@import眼里只有CSS ,不是DOM可以操控的。
5.link是XHTML标签,无兼容问题,@import是在CSS2.1提出的,低版本的浏览器不支持

相关文章

  • link引入css和@import引入css的区别?----面试

    1.两者导入的语法不同link(链接式语法) @import的语法不同: @import url("style.c...

  • 前端基础积累

    link和@import的区别 link是HTML标签,@import是css提供的。 link引入的样式页面加载...

  • 2018-09-11

    CSS引入的方式有哪些? link和@import的区别是? 有 4 种方式可以在 HTML 中引入 CSS。 1...

  • 记11月29日作业

    问题一:CSS有几种引入方式? link 和@import 有什么区别? css一共有4种引入方式: 内联样式 内...

  • VIP10-11月29日作业:CSS

    问题一:CSS有几种引入方式? link 和@import 有什么区别? CSS引入方式1.外部样表式:如下 2....

  • CSS 引入方式

    主要内容: CSS 引入方式介绍 ,link 和 @import区别 。 CSS是什么 层叠样式表 (Cascad...

  • html基本知识:路径、单位、浏览器调试等

    1. 样式有几种引入方式? link 和 @import有什么区别 三种引入方式: 外部引入css文件: 内部: ...

  • CSS常见样式(二)

    1.CSS有几种引入方式? link 和@import 有什么区别? 第一种:在head部分加入 引入外部的CSS...

  • CSS的引入及个别混淆点

    CSS样式的引入方式及link和@import的区别 样式有3种引入方式:①外部式:在 下使用link或@impo...

  • CSS入门的那些坑

    几种引入css的方式 分别有用style 属性、style 标签、css link、css import, 引入c...

网友评论

      本文标题:link引入css和@import引入css的区别?----面试

      本文链接:https://www.haomeiwen.com/subject/hskcjqtx.html