經(jīng)驗分享 使用CSS最佳習(xí)慣
CSS布局有很多值得學(xué)習(xí)的地方,本文和大家重點討論一下使用CSS最佳習(xí)慣,雖然并非網(wǎng)絡(luò)上存在的所有CSS都很規(guī)范,但按照現(xiàn)有標(biāo)準(zhǔn)來使用CSS卻還是不無裨益的。一般來說,開發(fā)人員應(yīng)盡可能將內(nèi)容與結(jié)構(gòu)分離開來。
CSS經(jīng)驗分享:使用CSS最佳習(xí)慣
大多數(shù)技術(shù)都有自己約定俗成的標(biāo)準(zhǔn)。CSS也不例外。雖然并非網(wǎng)絡(luò)上存在的所有CSS都很規(guī)范,但按照現(xiàn)有標(biāo)準(zhǔn)來使用CSS卻還是不無裨益的。一般來說,開發(fā)人員應(yīng)盡可能將內(nèi)容與結(jié)構(gòu)分離開來。這樣做的好處在于:
1:增加站點的壽命
不規(guī)范的樣式表可能在當(dāng)時覺得很方便,但新版本的瀏覽器出來以后,很可能就會出現(xiàn)兼容性問題。到時逐頁修改站點就是一項非常費時的工作同時也使使用CSS失去了意義。
2:讓你的站點對所有的用戶以及瀏覽器都適用。
有些地方的政府已經(jīng)立法要求網(wǎng)站必須讓殘障人士也同樣可以瀏覽。為殘障認(rèn)識設(shè)計的瀏覽設(shè)備,比如聽力瀏覽器,對CSS規(guī)范性要求極其嚴(yán)格。
3:讓站點更新和維護更加輕松。
使用方式得當(dāng)?shù)脑?,CSS可讓你在一個頁面中的調(diào)整快速應(yīng)用到所有頁面中去。
你首先要做的選擇是使用哪一種樣式表。當(dāng)涉及到最佳習(xí)慣時,對不同樣式表的分析如下:
◆InlineCSS:簡單地說,你應(yīng)該盡量避免使用。除了一些其他的缺點之外,使用InlineCSS意味著你并沒有利用到CSS的真正優(yōu)點,即你并沒有將內(nèi)容與結(jié)構(gòu)分離開。DWMX使用InlineCSS主要是為了定位頁面元素(這些元素在DWMX的用戶界面中稱為“層(layer)”),或者為了使用某個DHTML特效,它需要使用Inline樣式的Javascript來改變一個對象的屬性。
◆EmbeddedCSS:它也不是最理想的,因為它只能對當(dāng)前頁面施加影響。在更新的過程中,如果某一個頁面丟失,將會使站點的風(fēng)格不一致;另外,當(dāng)用戶瀏覽你的站點時,每一頁都要下載一次樣式表信息。
◆ExternalCSS:這是你的第一選擇。ExternalCSS可以讓所有連接到它的頁面保持一致的外觀風(fēng)格;提綱挈領(lǐng),更改一次,輕松更新所有相關(guān)頁面;讓你的頁面體積更小,瀏覽速度更快。
【編輯推薦】
- CSS中l(wèi)ink和import的區(qū)別
- CSS網(wǎng)頁布局中文字排版九大技巧
- CSS3八大新功能閃亮登場
- 實用但不被IE支持的十大CSS屬性
- CSS中id與class命名規(guī)則及編碼最佳習(xí)慣