社区
CSS
帖子详情
import和
区别!?
zxhxiaoyi51
2008-06-16 04:16:26
import和<link>区别!?
@import url(a.css);
<link type="text/css" rel="stylesheet" href="a.css">
区别!?
谢谢大家了 谢谢
...全文
284
14
打赏
收藏
import和<link>区别!?
import和区别!? @import url(a.css); 区别!? 谢谢大家了 谢谢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
14 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
HLXK_114
2008-06-21
打赏
举报
回复
[Quote=引用 2 楼 tantaiyizu 的回复:]
不论是标签还是 inport 命令引入 ,最终都会调一个方法把文件分析并加入代码到当前文档
[/Quote]
vising
2008-06-21
打赏
举报
回复
学习了
zc_0101
2008-06-20
打赏
举报
回复
@import 引入CSS样式的方法优先级是四种里面最低的,详情请看:
http://www.dmblogs.cn/zcBlog/article.asp?id=58
yzsunlight
2008-06-19
打赏
举报
回复
两个有优先级别是不一样的
Feiin
2008-06-19
打赏
举报
回复
强~~~
5楼兄弟很强大....
wdbjsh
2008-06-19
打赏
举报
回复
import是css之间互相调用的方式
link是html调用css的方式。。。。
kuakesjm
2008-06-17
打赏
举报
回复
关注。谢谢楼上的
「已注销」
2008-06-17
打赏
举报
回复
没钻研过。很佩服钻研过的兄弟。
zxhxiaoyi51
2008-06-17
打赏
举报
回复
强!
ilvs
2008-06-16
打赏
举报
回复
差别1:老祖宗的差别。link属于XHTML标签,而@import完全是CSS提供的一种方式。
link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。
差别2:加载顺序的差别。当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显(梦之都加载CSS的方式就是使用@import,我一边下载一边浏览梦之都网页时,就会出现上述问题)。
差别3:兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。
差别4:使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。
大致就这几种差别了(如果还有什么差别,大家告诉我,我再补充上去),其它的都一样,从上面的分析来看,还是使用link标签比较好。
标准网页制作加载CSS文件时,还应该选定要加载的媒体(media),比如screen,print,或者全部all等。这个我到CSS高级教程中再给大家介绍。
注:
1,网友comehope在留言中提出了另一种区别。
差别5:@import可以在css中再次引入其他样式表,比如可以创建一个主样式表,在主样式表中再引入其他的样式表,如:
main.css
———————-
@import “sub1.css”;
@import “sub2.css”;
sub1.css
———————-
p {color:red;}
sub2.css
———————-
.myclass {color:blue}
这样更利于修改和扩展.
猴子提示:这样做有一个缺点,会对网站服务器产生过多的HTTP请求,以前是一个文件,而现在却是两个或更多文件了,服务器的压力增大,浏览量大的网站还是谨慎使用。有兴趣的可以观察一下像新浪等网站的首页或栏目首页代码,他们总会把css或js直接写在html里,而不用外部文件。
http://www.dreamdu.com/blog/2007/05/11/css_link_import/
zhao860216
2008-06-16
打赏
举报
回复
<link>元素所参考的样式用户可以自由的选择加以改变,而导入的样式表单就自动的与剩下的样式表融合在一起了
另,附CSS与HTML文档结合的4中方法:
1 使用<link>元素链接到外部的样式文件
2 在<head>元素中使用"style"元素来指定
3 使用CSS "@import"标记来导入样式表单
4 在<body>内部的元素中使用"style"属性来定义样式
zxhxiaoyi51
2008-06-16
打赏
举报
回复
区别。。。
我想<LINK应该要强大点>
是否可以引用网络之类!?
我想知道区别
谢谢大家!!
tantaiyizu
2008-06-16
打赏
举报
回复
不论是标签还是 inport 命令引入 ,最终都会调一个方法把文件分析并加入代码到当前文档
tantaiyizu
2008-06-16
打赏
举报
回复
引入css的方法不一样而已 ,没什么的
基于Web的酒店客房管理系统的设计与实现+论文+开题
博主介绍:✌在职Java研发工程师、专注于程序设计、源码分享、技术交流、专注于Java技术领域和毕业设计✌ 项目名称 基于Web的酒店客房管理系统的设计与实现 系统说明 3.2.1 用户模块功能分析 前台模块应主要...
python 爬虫 爬取< record ><![ CDATA [ 内容获取不到解决办法
import
scrapy from gv_config.items
import
Item
import
re from bs4
import
BeautifulSoup
import
json class SpiderSpider(scrapy.Spider): name="gv_config" # 爬取网站域 allowed_domains=["xxxxx"] def start_requests(self): #获取爬取网站 url="...
【前端面试专栏】<script> 脚本以及 <
link
> 标签对 DOM 解析渲染的影响
当HTML解析器解析HTML,如果遇到`script`标签,普通的`script`标签会暂停对DOM解析渲染,因为该脚本可能会修改DOM。这里有三种情况:普通脚步、defer、async。
<
Link
>s rendered outside of a router context cannot navigate
今天这个问题找了好久,终于找到为什么了,我们在百度上搜这个问题基本上只有一个答案点击打开链接 其实不是说人家回答的不对,只是比较含糊,看截图: 其实答案就是这样的,当我们在用react-router的时候,react-router的思想就是让我们写成一个单独的组件Navigation.js,然后
import
进来,通过 this.props.children 传递给各路由
react固定菜单栏 根据点击菜单栏的选项跳转不同的子界面(路由跳转直接跳新界面,固定不住菜单栏。还有 You should not use <
Link
> outside a <Router>)
这只能用路由跳,不想用路由还有一个办法,那就是把菜单栏复制到各个界面,这样不管到哪个界面都有菜单栏。。。哈哈哈开个玩笑,进入正题 这几天真的被路由给搞吐了,认认真真的改了一天 多,今天来到公司之后,我又重新梳理了一下,可能就是昨天脑子确实转不动了,今天就顺着就给搞出来了,那激动的心,颤抖的手,赶紧过来记录一下。主要是怕我以后再忘了。。这次真的进入正题 语言:react+ant design 编译器:VS code 环境:macOS Big Sur 这次主要涉及三个界面,看结...
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章