今天来学习@import挪用css和link href挪用有甚么区分?
dreamweaver只是充当一个文本编辑器的角色,而你所有的工作基本都在代码视图中完成,在这里我推荐adobe最新的dreamweavercs4。当然如果CS5出现了我也会去试用它。[*]
[*]
人人往剖析一些年夜站的css代码时,城市发明挪用css有以下两种办法:
办法一:
<styletype="text/css">
<!--
@importurl("css/main.css");
@importurl("css/font.css");
@importurl("css/layout.css");
-->
</style>
办法二:
<linkhref="css/tianyi.css"rel="stylesheet"type="text/css"/>
那末这两各办法有甚么区分和优弱点呢?
实质上,这两种体例都是为了加载CSS文件,但仍是存在着渺小的不同。不同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等。
*/不同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里,而不必内部文件。css是CascadingStyleSheets的缩写,不得不承认CSS单独使用会麻烦一点,但其与脚本语言(如我们四阶段所学的Javascript)及XML技术的融合,即可达到绝佳的页面效果。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器) 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
页:
[1]