CSS:css引用的几种方式

1、行内引用,即直接将css样式写在标签中的style属性里
2、嵌入引用,即将样式规则写在页面中的<style>标签里
3、外部引用,使用link或者@import引用

link 和 @import 的却别:
1、link是HTML标签,而@import是css提供的一种方式所有它只能挂载在css里加载css
2、加载顺序的差别,link引用的css会随页面同时加载,而@import引用会等到页面全部加载完成后再加载
3、兼容性差别,@import只有在IE 5 以上的浏览器才能支持
4、使用dom控制样式时的差别,当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的
5、@import可以在css中再次引入其它样式表,综合来看@import url(style.css)是最优写法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,868评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,677评论 32 459
  • 最近在看html基础,好吧,写点笔记,比较low见谅,反正我自己看懂就行了 CSS基础 1、css简介 casca...
    小龙是只猫阅读 609评论 0 1
  • 你会不会也有这样的时候,深夜里失眠,即使关了灯也毫无睡意,你不知道自己该做点什么,想什么人?心里虚无缥缈的想着...
    曾经失败过阅读 348评论 0 0
  • 前面两篇文章Android数据存储(一)和Android数据存储(二)分别使用文件存储、SharedPrefere...
    前端develop阅读 6,396评论 0 12