日期:2013-07-29  浏览次数:21159 次

  CSS款式表,是使用来调用单独的文件好呢,还是直接用 嵌入页面内部好呢?或者说究竟这两种方法该怎样使用呢?

  在阿捷的w3cn中,他说:

  援用内容

  在以前,我们通常采用2种方法使用款式表:

  页面内嵌法:就是将款式表直接写在页面代码的head区。类似这样:

  <style type="text/css"> <!-- body { background : white ; color : black ; } --> </style>

  外部调用法:将款式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。

  <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />

  在符合web标准的设计中,我们使用外部调用法,好处不言而喻,你可以不修正页面只修正.css文件而改变页面的款式。如果所有页面都调用同一个款式表文件,那么改一个款式表文件,可以改变所有文件的款式。

  可见阿捷是十分推崇用的。补充一下阿捷的话,使用的好处不单单是修正起款式表很方便,而且会使用户的浏览速度加快。用户第一次打开链接了款式表的页面后,款式表会自动下载到本地缓存当中。当用户再打开另一个页面,而这个页面如果也链接了同样的款式表的时候,会从缓存中读取相关的文件,这样就会加快浏览的速度。

  但是我也碰到过这种情况:有时碰到网络不顺畅的情况,页面打开当前,链接的款式表没有加载成功。这种情况形成的后果,不只仅是页面文字的颜色、大小等等款式无法显示,更麻烦的是很可能形成整个页面的规划乱了套!

  比如有一次我打开Macromedia.com的时候,碰到公司网络不畅,也许是由于有很多人在bt吧。。。结果页面显示出的样子完全是没有款式表的样子,熟悉的规划看不到了,所有内容从上往下陈列,就像用手机在浏览网站。虽然内容还能全部看到,但我不得不花些时间去熟悉这种新的规划,浏览的时候也有一种不顺畅的感觉。

  在做金山在线首页的时候(上一版,如今曾经看不到了),我就把所有款式嵌入到了页面的区。首页是一个网站流览量最大的页面,必须保证高的可靠性。而且只对首页款式表采取嵌入的方式,其他页面还是用,修正款式时不会添加太多的任务量。

  周末做amaoagou的首页,我对款式更进一步进行了规划:把与规划有关的款式:#head、#left之类都嵌入到页面内部,其他款式采用链接的方式。

  总结一下:

  方法一:首页完全采用嵌入的方法,其他页面均采用链接的方式。优点:这样可以保证首页在网络情况不好的情况下仍然能够正确显示。缺点:修正款式时需求修正外部款式表和首页内嵌的款式表两个地方。

  方法二:将担任规划的款式和其他款式分开写。首页嵌入规划的款式,链接其他款式;其他页面对于两套款式均采用链接方式。优点:修正款式时,比第一种任务量小。网络情况不好时,首页的外观不能完全保证,但至少规划不会乱。

  如果制造的不是符合标准的页面,比如公司产品的一个小专题,领导要求用table制造以确保专题上线速度。对于各个页面都会用到的款式:链接。对于只要这一个页面会用到,但会用到很多次的款式:嵌入。对于只要这一个页面会用到且只使用一次的款式:嵌入或者干脆直接写style="..."得了。