DIV CSS 佈局教程網

DW中的CSS技巧
編輯:Dreamweaver相關     

在DreamWeaver中編寫CSS,這種編寫習慣並不提倡,不過由於"可視化"和操作簡便,使用的朋友依然很多,今天羅列一些“最佳習慣”,希望對這些朋友有所幫助。

  CSS正在改變網站設計的進程。為迎合不斷增長的傾向於CSS的設計人員的需求,Macromedia DW MX引進了一些新的及改善過的CSS相關的特性。有了這些新的特性,你可以為未來的更新作好計劃,開發與W3C標准更加兼容的站點。本文討論在DW MX中使用CSS以及突出某一特定CSS特性時的一些建議。

  一般地講,樣式表(style sheet)就是控制網頁內容外觀的格式化的規則的集合。可以以三種不同的方式在你的頁面中使用CSS:
 
  代碼式(Inline):寫入到代碼中的一次性的樣式。
  內嵌式(Embedded):可控制一個頁面中所有元素的樣式表
  外聯式(External):可控制許多頁面中的元素的樣式表
  事實上,許多站點都根據需要把這三種方式結合起來使用。

  在使用CSS時一個需要重點考慮的事實是不同的浏覽器以及同一浏覽器的不同版本以不同的方式來解析CSS。除了網絡浏覽器的差異之外,你還要意識到還有很多其他的浏覽器,比如聽力浏覽器,基於電視的浏覽器以及Palm pilot和TTY(teletypewriter,遠程打字機)一類的手持設備。

  最佳習慣是指什麼?
 
  大多數技術都有自己約定俗成的標准。CSS也不例外。雖然並非網絡上存在的所有CSS都很規范,但按照現有標准來使用CSS卻還是不無裨益的。一般來說,開發人員應盡可能將內容與報告分離開來。這樣做的好處在於:
 
  1:增加站點的壽命

  不規范的樣式表可能在當時覺得很方便,但新版本的浏覽器出來以後,很可能就會出現兼容性問題。到時逐頁修改站點就是一項非常費時的工作同時也使使用CSS失去了意義。
 
  2:讓你的站點對所有的用戶以及浏覽器都適用。

  有些地方的政府已經立法要求網站必須讓殘障人士也同樣可以浏覽。為殘障認識設計的浏覽設備,比如聽力浏覽器,對CSS規范性要求極其嚴格。
 
  3:讓站點更新和維護更加輕松。
 
  使用方式得當的話,CSS可讓你在一個頁面中的調整快速應用到所有頁面中去。
 
  你首先要做的選擇是使用哪一種樣式表。當涉及到最佳習慣時,對不同樣式表的分析如下:
 
  Inline CSS;簡單地說,你應該盡量避免使用。除了一些其他的缺點之外,使用Inline CSS意味著你並沒有利用到CSS的真正優點,即你並沒有將內容與格式分離開。DW MX使用Inline CSS主要是為了定位頁面元素(這些元素在DW MX的用戶界面中稱為“層(layer)”),或者為了使用某個DHTML特效,它需要使用Inline 樣式的&#106avascript來改變一個對象的屬性。

  Embedded CSS:它也不是最理想的,因為它只能對當前頁面施加影響。在更新的過程中,如果某一個頁面丟失,將會使站點的風格不一致;另外,當用戶浏覽你的站點時,每一頁都要下載一次樣式表信息。

  External CSS:這是你的第一選擇。External CSS可以讓所有連接到它的頁面保持一致的外觀風格;提綱挈領,更改一次,輕松更新所有相關頁面;讓你的頁面體積更小,浏覽速度更快。其他的一些最佳習慣將在下文分析具體的CSS特性時提及。
 
  在DW MX中創建CSS樣式表

  在DW MX中創建CSS樣式表時(Text 》CSS Style 》New style sheet),在彈出的對話框中,你有兩個選擇:新樣式表文檔(New Style Sheet File) 和只用於當前頁(This Document Only)。選中“New Style Sheet File ”你就開始了創建External CSS的過程。這個選項要求你在真正的創建過程之前先命名樣式表並為它選定一個保存位置;另外一個選項,This Document Only,則會直接把相關代碼寫入到頁面的部分。
 
  你也可以在“新樣式(New style)”對話框中選擇一個現存的樣式表來編輯或添加新的定義

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved