首頁 > web前端 > css教學 > CSS樣式表:鏈接,還是嵌入

CSS樣式表:鏈接,還是嵌入

黄舟
發布: 2016-12-17 13:24:04
原創
1378 人瀏覽過

CSS樣式表,是使用來呼叫單獨的文件好呢,還是直接用嵌入頁面內部好呢?或者說究竟這兩種方法該怎麼使用呢?

在阿捷的w3cn中,他說:

引用內容
在以前,我們通常採用2種方法使用樣式表: 
頁內嵌法:就是將樣式表直接寫在頁碼的head區。類似這樣: 
 
外部呼叫法:將樣式表寫在一個獨立的. css檔中,然後在頁面head區以類似以下程式碼呼叫。
 
在符合web標準的設計中,我們使用外部呼叫法,好處不言而喻,你可以不修改頁面只修改.css檔案而改變頁面的樣式。如果所有頁面都呼叫同一個樣式表文件,那麼改一個樣式表文件,可以改變所有文件的樣式。

可見阿捷是十分推崇用的。補充阿捷的話,使用的好處不單單是修改起樣式表很方便,而且會讓用戶的瀏覽速度加快。使用者第一次開啟連結了樣式表的頁面後,樣式表會自動下載到本機快取當中。當使用者再開啟另一個頁面,而這個頁面如果也連結了同樣的樣式表的時候,會從快取中讀取相關的文件,這樣就會加快瀏覽的速度。

但我也碰到過這種情況:有時碰到網路不順暢的情況,頁面打開以後,連結的樣式表沒有載入成功。這種情況造成的後果,不只是頁面文字的顏色、大小等等樣式無法顯示,更麻煩的是很可能造成整個頁面的版面亂了套!

例如有一次我打開Macromedia.com的時候,碰到公司網路不暢,也許是因為有很多人在bt吧。 。 。結果頁面顯示出來的樣子完全是沒有樣式表的樣子,熟悉的版面看不到了,所有內容從上往下排列,就像用手機在瀏覽網站。雖然內容還能全部看到,但我必須花點時間去熟悉這種新的佈局,瀏覽的時候也有一種不順暢的感覺。

在做金山在線首頁的時候(上一版,現在已經看不到了),我就把所有樣式嵌入到了頁面的

區。首頁是網站流覽量最大的頁面,必須確保高的可靠性。而且只對首頁樣式表採取嵌入的方式,其他頁面還是用,修改樣式時不會增加太多的工作量。

週末做amaoagou的首頁,我對樣式更進一步進行了規劃:把與佈局有關的樣式:#head、#left之類都嵌入到頁面內部,其他樣式採用鏈接的方式。

總結一下:

方法一:首頁完全採用嵌入的方法,其他頁面均採用連結的方式。優點:這樣可以確保首頁在網路狀況不好的情況下仍然能夠正確顯示。缺點:修改樣式時需要修改外部樣式表和首頁內嵌的樣式表兩個地方。 
方法二:將負責版面的樣式和其他樣式分開寫入。首頁嵌入版面的樣式,連結其他樣式;其他頁面則以兩套樣式以連結方式使用。優點:修改樣式時,比第一種工作量小。網路狀況不好時,首頁的外觀不能完全保證,但至少佈局不會亂。 
如果製作的不是符合標準的頁面,例如公司產品的一個小專題,領導要求用table製作以確保專題上線速度。對於各個頁面都會用到的樣式:連結。只有這一個頁面會用到,但會用到很多次的樣式:嵌入

。對於只有這一個頁面會用到且只使用一次的樣式:嵌入或乾脆直接寫style="..."得了。

 以上就是CSS樣式表:鏈接,還是嵌入的內容,更多相關文章請關注PHP中文網(www.php.cn)! 


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板