link和@import的区别
来源:互联网 发布:轩辕网络上市 编辑:程序博客网 时间:2024/06/03 19:41
页面中使用CSS的方式主要有3种:
1. 行内添加定义style属性值,也就是常常说的内联样式。
2. link
3. @import
第二种和第三种都是我们常说的外联样式。
外部引用CSS两种方式link和@import的方式分别是:
XML/HTML代码<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />
XML/HTML代码<style type="text/css" media="screen"> @import url("CSS文件"); </style>
两者都是外部引用CSS的方式,但是存在一定的区别:
区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
区别2:link引用CSS时,在页面载入时同时加载;@import需要页面完全载入后加载,如果网速慢的话,可能会导致页面的样式混乱。
区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
区别4:link支持使用Javascript控制DOM去改变样式;而@import不支持。
强烈建议使用link,不要使用@import。若一定使用@import时,也要注意添加地方,在CSS手册中提到:
- 该规则必须在样式表头部最先声明。并且其后的分号是必需的,如果省略了此分号,外部样式表将无法正确导入,并会生成错误信息。
- IE使用@import无法引入超过35条的样式表。
阅读全文
1 0
- @import 和 link 的区别
- @import和link的区别
- link和@import的区别
- link和@import的区别
- @import和link的区别
- link和@import的区别
- link和@import的区别
- link和@import的区别
- link和@import的区别
- link和@import的区别
- link 和@import 的区别
- @import和link的区别
- link和@import的区别
- link和import的区别
- link和@import的区别
- link和@import的区别
- link和@import的区别
- link和@import的区别
- 算法设计与分析 快速排序的递归实现算法
- 欢迎使用CSDN-markdown编辑器
- servlet之cookied/session深入浅出(session)
- 输入框禁止输入特殊字符串,限制输入文字长度
- java关键字总结
- link和@import的区别
- 【golang 源码分析】内存分配与管理
- shell 脚本构建VOC数据集,以及data Augmentation
- [矩阵快速幂]HDU 5950 Recursive sequence
- JVM笔记整理(第3章)
- easygui安装的步骤
- Cocos2dx物理引擎(一)
- spring aop
- javaweb中使用百度、谷歌地图进行定位