外部引用css时,link和@import两种区别
来源:互联网 发布:javascript 表格标签 编辑:程序博客网 时间:2024/05/16 11:40
共同点:
link和@import都是可以用来引入css样式的方法。
不同点:
1.引用的方式不同
link(外部引用):<link rel="stylesheet" href="xxx.css" type="text/css" / >
@import(导入式):@import url(xxx.css);
2.放置的位置不同
link一般放在head标签中
@import必须放在<style type="text/css">标签中
3.加载方式不同
link会和dom结构一同加载渲染
@import只能能dom结构加载完成以后才能渲染页面
4.当使用 Javascript 控制 DOM 去改变样式的时候,只能使用 link 方式,因为 @import 眼里只有 CSS ,不是 DOM 可以控制的;
5.兼容性不同
link是在xhtml的标签,兼容IE各个版本
@import是css2.1时提出来的,只能在IE6以上进行解析。
6.加载内容不同
link可以加载除了css文件外,还可以加载MIME类型的文件。具体内容参见:点击打开链接
@import只能加载css文件
0 0
- 外部引用css时,link和@import两种区别
- 外部引用css时,link和@import两种区别
- css引用的两种方式,link和@import的区别
- css引用的两种方式,link和@import的区别
- 导入外部css文件时link和@import的区别
- 外部引用CSS中 link与@import的区别
- 外部引用CSS中 link与@import的区别
- 外部引用CSS中 link与@import的区别
- 详解CSS外部引用之link与@import的区别
- 外部引用CSS中 link与@import的区别
- 外部引用CSS中 link与@import的区别
- 外部引用CSS中 link与@import的区别
- CSS外部引用之link与@import的区别
- link和@import引用css文件方法的区别
- 外部样式引用link和@import
- 引用外部css的两种方法与@import
- CSS-区别link 和@import
- css link和@import区别
- Bellman-Ford 的动态规划实现
- CentOS下安装软件的常用方法
- Plugin execution not covered by lifecycle configuration
- android音频系统
- eclipse常用快捷键
- 外部引用css时,link和@import两种区别
- JavaScript基础整理--函数 ,对象,作用域等重点
- 无线广告屏接收信号的PCB板
- 编写DLL所学所思(1)——导出函数
- POJ 2104 K-th Number(主席树)
- 大数据 应用场景
- Centos下telnet的安装和配置
- Parcel: unable to marshal value
- 微机原理于接口技术——作业一