主頁 > 知識庫 > 詳談 CSS樣式表使用:鏈接/嵌入

詳談 CSS樣式表使用:鏈接/嵌入

熱門標(biāo)簽:400電話辦理安徽 石家莊電話機器人電話 電銷智能機器人靠譜么 沸思外呼線路 電銷機器人的宣傳語 江西防封卡外呼系統(tǒng)怎么安裝 南通電話外呼系統(tǒng)開發(fā) 北京銷售外呼系統(tǒng)線路 南寧外呼電銷系統(tǒng)招商

在阿捷的w3cn中,他說:

引用內(nèi)容
在以前,我們通常采用2種方法使用樣式表:
頁面內(nèi)嵌法:就是將樣式表直接寫在頁面代碼的head區(qū)。類似這樣:
style type="text/css"> !-- body { background : white ; color : black ; } --> /style>
外部調(diào)用法:將樣式表寫在一個獨立的.css文件中,然后在頁面head區(qū)用類似以下代碼調(diào)用。
link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
在符合web標(biāo)準(zhǔn)的設(shè)計中,我們使用外部調(diào)用法,好處不言而喻,你可以不修改頁面只修改.css文件而改變頁面的樣式。如果所有頁面都調(diào)用同一個樣式表文件,那么改一個樣式表文件,可以改變所有文件的樣式。

可見阿捷是十分推崇用link>的。補充一下阿捷的話,使用link>的好處不單單是修改起樣式表很方便,而且會使用戶的瀏覽速度加快。用戶第一次打開鏈接了樣式表的頁面后,樣式表會自動下載到本地緩存當(dāng)中。當(dāng)用戶再打開另一個頁面,而這個頁面如果也鏈接了同樣的樣式表的時候,會從緩存中讀取相關(guān)的文件,這樣就會加快瀏覽的速度。

但是我也碰到過這種情況:有時碰到網(wǎng)絡(luò)不順暢的情況,頁面打開以后,鏈接的樣式表沒有加載成功。這種情況造成的后果,不僅僅是頁面文字的顏色、大小等等樣式無法顯示,更麻煩的是很可能造成整個頁面的布局亂了套!

比如有一次我打開Macromedia.com的時候,碰到公司網(wǎng)絡(luò)不暢,也許是因為有很多人在bt吧。。。結(jié)果頁面顯示出的樣子完全是沒有樣式表的樣子,熟悉的布局看不到了,所有內(nèi)容從上往下排列,就像用手機在瀏覽網(wǎng)站。雖然內(nèi)容還能全部看到,但我不得不花些時間去熟悉這種新的布局,瀏覽的時候也有一種不順暢的感覺。

在做金山在線首頁的時候(上一版,現(xiàn)在已經(jīng)看不到了),我就把所有樣式嵌入到了頁面的head>區(qū)。首頁是一個網(wǎng)站流覽量最大的頁面,必須保證高的可靠性。而且只對首頁樣式表采取嵌入的方式,其他頁面還是用link>,修改樣式時不會增加太多的工作量。

周末做amaoagou的首頁,我對樣式更進一步進行了規(guī)劃:把與布局有關(guān)的樣式:#head、#left之類都嵌入到頁面內(nèi)部,其他樣式采用鏈接的方式。

總結(jié)一下:

* 方法一:首頁完全采用嵌入的方法,其他頁面均采用鏈接的方式。優(yōu)點:這樣可以保證首頁在網(wǎng)絡(luò)狀況不好的情況下仍然能夠正確顯示。缺點:修改樣式時需要修改外部樣式表和首頁內(nèi)嵌的樣式表兩個地方。
* 方法二:將負責(zé)布局的樣式和其他樣式分開寫。首頁嵌入布局的樣式,鏈接其他樣式;其他頁面對于兩套樣式均采用鏈接方式。優(yōu)點:修改樣式時,比第一種工作量小。網(wǎng)絡(luò)狀況不好時,首頁的外觀不能完全保證,但至少布局不會亂。
* 如果制作的不是符合標(biāo)準(zhǔn)的頁面,比如公司產(chǎn)品的一個小專題,領(lǐng)導(dǎo)要求用table制作以確保專題上線速度。對于各個頁面都會用到的樣式:鏈接。對于只有這一個頁面會用到,但會用到很多次的樣式:嵌入head>。對于只有這一個頁面會用到且只使用一次的樣式:嵌入head>或者干脆直接寫style="..."得了。

您可能感興趣的文章:
  • javascript 控制超級鏈接的樣式代碼
  • 給超級鏈接增加其他樣式
  • javascript 讀取內(nèi)聯(lián)之外的樣式(style、currentStyle、getComputedStyle區(qū)別介紹)
  • 獲取內(nèi)聯(lián)和鏈接中的樣式(js代碼)

標(biāo)簽:寧夏 衢州 云南 晉中 陽泉 鹽城 北海 來賓

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《詳談 CSS樣式表使用:鏈接/嵌入》,本文關(guān)鍵詞  詳談,CSS,樣式,表,使用,鏈接,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《詳談 CSS樣式表使用:鏈接/嵌入》相關(guān)的同類信息!
  • 本頁收集關(guān)于詳談 CSS樣式表使用:鏈接/嵌入的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章