CSS樣式表:連結好還是嵌入好?

來源:互聯網
上載者:User

  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之類都嵌入到頁面內部,其他樣式採用連結的方式。
  總結一下:
  方法一:首頁完全採用嵌入的方法,其他頁面均採用連結的方式。優點:這樣可以保證首頁在網路狀況不好的情況下仍然能夠正確顯示。缺點:修改樣式時需要修改外部樣式表和首頁內嵌的樣式表兩個地方。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.