|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
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技术的融合,即可达到绝佳的页面效果。 |
|