網(wǎng)站建設時在DreamWeaver中編寫CSS,這種編寫習慣并不提倡,不過由于"可視化"和操作簡便,使用的朋友依然很多,今天羅列一些“最佳習慣”,希望對這些朋友有所幫助。
CSS正在改變網(wǎng)站設計的進程。為迎合不斷增長的傾向于CSS的設計人員的需求,Macromedia DW MX引進了一些新的及改善過的CSS相關的特性。有了這些新的特性,你可以為未來的更新作好計劃,開發(fā)與W3C標準更加兼容的站點。本文討論在DW MX中使用CSS以及突出某一特定CSS特性時的一些建議。
深圳網(wǎng)站建設時在使用CSS時一個需要重點考慮的事實是不同的瀏覽器以及同一瀏覽器的不同版本以不同的方式來解析CSS。除了網(wǎng)絡瀏覽器的差異之外,你還要意識到還有很多其他的瀏覽器,比如聽力瀏覽器,基于電視的瀏覽器以及Palm pilot和TTY(teletypewriter,遠程打字機)一類的手持設備。
大多數(shù)技術都有自己約定俗成的標準。CSS也不例外。雖然并非網(wǎng)絡上存在的所有CSS都很規(guī)范,但按照現(xiàn)有標準來使用CSS卻還是不無裨益的。一般來說,開發(fā)人員應盡可能將內(nèi)容與報告分離開來。這樣做的好處在于:
1:網(wǎng)站建設時增加站點的壽命
不規(guī)范的樣式表可能在當時覺得很方便,但新版本的瀏覽器出來以后,很可能就會出現(xiàn)兼容性問題。到時逐頁修改站點就是一項非常費時的工作同時也使使用CSS失去了意義。
2:讓你的站點對所有的用戶以及瀏覽器都適用。
有些地方的政府已經(jīng)立法要求網(wǎng)站必須讓殘障人士也同樣可以瀏覽。為殘障認識設計的瀏覽設備,比如聽力瀏覽器,對CSS規(guī)范性要求極其嚴格。
3:讓站點更新和維護更加輕松。
使用方式得當?shù)脑挘珻SS可讓你在一個頁面中的調(diào)整快速應用到所有頁面中去。
Inline CSS;簡單地說,你應該盡量避免使用。除了一些其他的缺點之外,使用Inline CSS意味著你并沒有利用到CSS的真正優(yōu)點,即你并沒有將內(nèi)容與格式分離開。DW MX使用Inline CSS主要是為了定位頁面元素(這些元素在DW MX的用戶界面中稱為“層(layer)”),或者為了使用某個DHTML特效,它需要使用Inline 樣式的&#106avascript來改變一個對象的屬性。
Embedded CSS:它也不是最理想的,因為它只能對當前頁面施加影響。在更新的過程中,如果某一個頁面丟失,將會使站點的風格不一致;另外,當用戶瀏覽你的站點時,每一頁都要下載一次樣式表信息。
External CSS:這是你的第一選擇。External CSS可以讓所有連接到它的頁面保持一致的外觀風格;提綱挈領,更改一次,輕松更新所有相關頁面;讓你的頁面體積更小,瀏覽速度更快。其他的一些最佳習慣將在下文分析具體的CSS特性時提及。
網(wǎng)站建設時無論你是自己創(chuàng)建樣式表還是編輯現(xiàn)有的樣式表,驗證可以確保你不會誤用不標準的標簽或錯誤的代碼。DW MX本身不包含CSS驗證程序,你可以使用W3C站點提供的驗證服務。在DW MX內(nèi)你可以驗證HTML 或DHTML標簽( File > Check Page > Validate Markup (for HTML) 或 File > Check Page > Validate as XML for XHTML.)。在開發(fā)基于CSS的站點時,DW MX提供了很多輔助工具。有了MW MX的幫助,再加上對CSS良好的理解,你就可以開發(fā)出能經(jīng)受時間考驗的站點了。
【 微信掃一掃 】