美文网首页
css 引入模式 link @import区别

css 引入模式 link @import区别

作者: 潇潇翔子 | 来源:发表于2018-08-16 20:32 被阅读10次

link属于html标签,而@import是css提供的。

页面被加载时,link会同时被加载,而@import引用的css会等到页面加载结束后加载。

link是html标签,因此没有兼容性,而@import只有IE5以上才能识别。

link方式样式的权重高于@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的书写方式

<link rel="stylesheet" herf="bootstrap.min.css">

引用:https://blog.csdn.net/caoyafeicyf/article/details/53302815

相关文章

  • css 引入模式 link @import区别

    link属于html标签,而@import是css提供的。 页面被加载时,link会同时被加载,而@import引...

  • 前端基础积累

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

  • 2018-09-11

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

  • CSS 引入方式

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

  • CSS的引入及个别混淆点

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

  • 记11月29日作业

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

  • VIP10-11月29日作业:CSS

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

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

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

  • CSS令人迷惑的知识点

    CSS中link 和@import的区别是? '' (1) link属于HTML标签,而@import是CSS提供...

  • 任务5-html2

    样式有几种引入方式?link和@import有什么区别? 共计 4 种方式可以在 HTML 中引入 CSS。 内联...

网友评论

      本文标题:css 引入模式 link @import区别

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