css中的@inport 与link
2024-09-01 08:19:06
在html 代码中我们常常用分离的思想引入外部的css文件,常用的方法有2种,@import
语法:
<style type="text/css" media="screen">
@import url("text.css");
</style>
link 语法:
<style type="text/css" >
<link href="text.css"/>
</style>
那么这 两种引入方式有什么区别么?
首先:它们的相同点:从外部引入文件,易于维护,当很多相同标签需要改同一个属性时,在css文件中只需改动一处即可。
区别:
@@@@@@@@@
link 是html的一个标签,而@import是css的一个标签。
1、@import 只是css提供的一种方式,只是加载css,link 除了加载css外,还可以定义rel连接属性,定义rss属性.
2、加载顺序的问题:页面加载时,link的css会同时加载,而@import 的css会在html下载完成后才开始加载(在网速慢的时候,浏览器加载页面可能会出现没有样式的情况)。
3、link标签兼容性问题,而@import是在css2.1以后提出的,对于老版本浏览器,会出现不支持况,对于IE5以后的版本能支持。
4、使用JavaScript控制DOM去改变样式的时候,只能使用link ,@import 不是DOM可控制的。
5、@import 可以在css中再次引入其他样式表。
最新文章
- Linux-TCP Queue的一些问题
- angularjs数据异步加载时的绑定事件
- Fork一个仓库
- codeforces 472C.Make It Nondeterministic 解题报告
- [LeetCode]题解(python):091 Decode Ways
- UVA 11584	一 Partitioning by Palindromes
- Codeforces Round #232 (Div. 2) B. On Corruption and Numbers
- jQuery基础学习3——jQuery库冲突
- [Node.js]expressjs简单测试连接mysql
- 【Java 小实验】重写(覆写 Override)返回值类型能不能相同
- PHP-购物网站开发设计(二)
- parent和top
- 每天学习点js(2)
- 【commons】时间日期工具类——commons-lang3-time
- Linux常用bash命令
- Macro_Average和Micro_Average准则的选择标准
- [PHP] 算法-找出两个链表的第一个公共结点的PHP实现
- javascript模块化编程-详解立即执行函数表达式IIFE
- XMind 入门教程
- mysql 内置功能 存储过程 创建无参存储过程