CSS技巧——样式表:链接,还是嵌入

CSS样式表，是使用<link ……>来调用单独的文件好呢，还是直接用<style>……</style>嵌入页面内部好呢？或者说究竟这两种方法该怎么使用呢？

在阿捷的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文件而改变页面的样式。如果所有页面都调用同一个样式表文件，那么改一个样式表文件，可以改变所有文件的样式。

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

但是我也碰到过这种情况：有时碰到网络不顺畅的情况，页面打开以后，链接的样式表没有加载成功。这种情况造成的后果，不仅仅是页面文字的颜色、大小等等样式无法显示，更麻烦的是很可能造成整个页面的布局乱了套！

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