导入外部css文件时link和@import的区别
来源:互联网 发布:学java好还是c 好 编辑:程序博客网 时间:2024/06/05 03:43
导入CSS文件主要有两种方式:
①链接式(link)
<link rel="stylesheet" href="style.css" type="text/css"/>
link是一个html的一个标签。浏览器会先装载完CSS文件再装载HTML的主体部分,所以显示出来的页面从开始就是带样式效果的。
从用户体验上来说,link方式会更友好一些。
当使用Javascript控制DOM去改变样式的时候,只能使用link方式。
②导入式(@impot)
@import url("style.css");
@import是css的一个标签。浏览器会先装载完整个HTML文件后再装载CSS文件。
@import是CSS提供的一种规则(CSS2.1以后,要考虑兼容)。
当网页文件比较大而网速比较慢的时候,页面就会出现明显的闪烁(开始会没有样式效果,当CSS加载完成后,忽然呈现出样式效果),用户体验不好。
当使用Javascript控制DOM去改变样式的时候,不能使用@import方式,因为@import里只有CSS,不是DOM可以控制的。
以上是这两种方式的语法区别,如果单独从外部引用css来说,他们的作用是基本一样,只不过他们各自的标签含义不一样。
0 0
- 导入外部css文件时link和@import的区别
- link和import导入css的区别
- link和import导入外部样式的区别
- 外部引用css时,link和@import两种区别
- 外部引用css时,link和@import两种区别
- HTML5中link和@import引入外部CSS文件的区别
- html中link和import方式导入CSS文件的区别(转)
- link和@import引用css文件方法的区别
- link和@import引入css文件的区别
- 外部引用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的区别
- 排序算法-冒泡
- need improve 219. Contains Duplicate II
- not ac 22. Generate Parentheses
- iOS 关键帧动画 详解
- linux-qt-qmake
- 导入外部css文件时link和@import的区别
- [Android]如何让ListView显示不同布局的解决方式和案例
- JSP 中文问题完全解决方案
- tomcat类加载器-with源码
- wmap安装过程的问题解决
- ViewPager+LinearLayout实现带索引的图片滑动
- HDU2504又见GCD
- 数据结构(5)线性表之链表C++实现带头结点的单链表合并
- Hadoop FS Shell命令大全