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的時候，碰到公司網路不暢，也許是因為有很多人在下載東西吧。結果頁面顯示出的樣子完全是沒有樣式表的樣子，熟悉的布局看不到了，所有內容從上往下排列，就像用手機在瀏覽網站。雖然內容還能全部看到，但我不得不花些時間去熟悉這種新的布局，瀏覽的時候也有一種不順暢的感覺。
筆者在做金山線上首頁的時候（上一版），我就把所有樣式嵌入到了頁面的<head>區。首頁是一個網站流覽量最大的頁面，必須保證高的可靠性。而且只對首頁樣式表採取嵌入的方式，其他頁面還是用<link>，修改樣式時不會增加太多的工作量。
周末做amaoagou的首頁，我對樣式更進一步進行了規劃：把與布局有關的樣式：#head、#left之類都嵌入到頁面內部，其他樣式採用連結的方式。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
