在DreamWeaver中（zhōng）編寫CSS，這種編寫習慣並不提倡，不過由於“可視化”和操作簡便，使用的朋（péng）友依然很多，今天羅列一些“最佳習慣”，希望對這（zhè）些朋（péng）友（yǒu）有所幫助。

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

一般地講，樣式表（style sheet）就是控製網（wǎng）頁內容外觀的格式化的規則的（de）集合。可以以三種不同的方式在你的頁麵中使用CSS：

代碼式（Inline）：寫入到代碼中的一次性的樣式。

內嵌式（Embedded）：可（kě）控（kòng）製一個頁麵中所有元素的樣式表

外聯式（shì）（External）：可控製許多頁麵中的元素的樣式表

事實（shí）上，許多站點都根據需要把這三種方式結合起來使用。

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

最佳習慣是指什麽？

大多數技術（shù）都有自己約定俗成的標準。CSS也不例（lì）外。雖（suī）然並非網絡上存在的所有CSS都很規範，但按照現有標準來使用（yòng）CSS卻還是不無裨益的。一般來說，開發人員應盡可能將內容與報告分離開來。這樣做的（de）好處在（zài）於：

1：增加站（zhàn）點的壽命

不規範的樣式表可能在當時覺得很方便，但新版本的瀏覽器出來以後，很可能就會出現（xiàn）兼容性問題。到時（shí）逐頁修改站點（diǎn）就是一（yī）項非（fēi）常費時的工（gōng）作同時也使使用CSS失去了意義。

2：讓你的站點對所有的用（yòng）戶以及瀏覽（lǎn）器都適用。

有些地方的政府已經立法要（yào）求（qiú）網站必須讓殘障人士也同樣可以瀏覽。為殘障（zhàng）認識設計的瀏覽設備，比如聽力瀏覽器，對CSS規範性要求極其嚴格。

3：讓站點更新和維護（hù）更加輕鬆。

使用方式得當的話，CSS可讓你在一個頁（yè）麵（miàn）中的調整快速應用到所有頁麵中去。

你首先要做的選（xuǎn）擇（zé）是使用哪一種樣式表。當涉及到最佳習慣時，對不同樣式表的分析如下：

Inline CSS；簡單（dān）地說，你應該盡量（liàng）避免使用。除了一些其他的缺點之外，使用Inline CSS意味著你並沒有利用到（dào）CSS的真正優點，即你並（bìng）沒有將內（nèi）容與格式分離開。DW MX使用（yòng）Inline CSS主要是為了定位頁麵元素（這些元素在DW MX的用（yòng）戶（hù）界麵中稱為（wéi）“層（layer）”），或者為了使用某個DHTML特效，它需（xū）要使用Inline 樣式的＆#106avascript來改變（biàn）一個對（duì）象（xiàng）的屬性。

Embedded CSS：它也不是最理想的（de），因為它隻能對（duì）當（dāng）前（qián）頁麵施加影響。在更新的過程中，如果（guǒ）某一個頁麵丟失，將會使站（zhàn）點的風（fēng）格不一致；另外，當用戶瀏覽你（nǐ）的站點時（shí），每一頁都要下（xià）載一次樣式表信息。

External CSS：這是你的第一選擇。External CSS可以讓所有連接到它的頁麵保持一致的外觀風格；提（tí）綱挈領，更改一次，輕（qīng）鬆更新所有相關頁麵；讓你的頁麵體（tǐ）積（jī）更小，瀏覽速度更快（kuài）。其他的一些最佳（jiā）習慣將在下文分析具體的CSS特（tè）性時提及。

  在DW MX中創建CSS樣式表

在DW MX中創建CSS樣式（shì）表時（Text 》CSS Style 》New style sheet），在彈出的對話框中（zhōng），你（nǐ）有兩個選（xuǎn）擇：新樣式（shì）表文檔（New Style Sheet File） 和隻用於當前（qián）頁（This Document Only）。選中“New Style Sheet File ”你就開始了創建External CSS的過程。這個選項要求你在真正的創建（jiàn）過程之前先（xiān）命名樣式表並為它選定一個（gè）保存位置（zhì）；另外一個選項，This Document Only，則會（huì）直（zhí）接把相關代碼寫入到（dào）頁麵的部分。

你（nǐ）也可以在“新樣式（New style）”對話框中選擇一個現存的樣式表來編輯或添加新的定義。

  應該連接到External CSS還是導入？

創建外部樣式表以（yǐ）後，你需（xū）要把它附（fù）加在每個頁麵上（或是模（mó）板）。要這樣（yàng）做（zuò），可以在CSS麵（miàn）板上淡季“附加樣（yàng）式表（Attach Style Sheet）”按紐，此時會彈出連（lián）接外部樣式表 （Link External Style Sheet）對（duì）話框，在上（shàng）麵可以瀏覽到你的目標樣式表的名（míng）字，找到（dào）以後（hòu），你可以選擇連接（link） 或者（zhě）導（dǎo）入（import ）此外部樣式表。

連接（jiē）是最常用的（de）方式，選擇“link”即可把樣（yàng）式表連接到（dào）頁麵。它會在你的頁麵中加入下麵（miàn）的標記：

所有支持CSS的瀏覽器都支（zhī）持連接選項。如果你（nǐ）想一些比較舊的（de）瀏覽器（比如Netscape 4.x）也能“看到”這個樣式表的話，就要采（cǎi）用（yòng）下麵的方法。

如果你選擇“導（dǎo）入”選項，所用的（de）標記為：

NetSscape4會完（wán）全忽略導（dǎo）入的CSS，而按照連接的CSS來解釋頁麵。這樣我們就可以放心使用CSS中的新功（gōng）能，不必擔心瀏覽器的兼容（róng）性問題了（le）。

CSS屬性檢查器

在DW MX的屬性檢查器中可以輕易切換到CSS模式。缺省情況下，屬性（xìng）檢查器會顯示（shì）原始的HTML模（mó）式（shì）下字體標簽。點擊字體下拉菜（cài）單旁（páng）邊的小“A”，你就可以看到目（mù）前可用的CSS樣式表，而不是字體標簽列表。

同時（shí），你也可以（yǐ）輕（qīng）鬆切回到HTML模式。

  現成的CSS樣式（shì）表

DW MX中一個令人激動的CSS特性（xìng）就是它（tā）包含了已製作好的CSS樣式表。CSS的新用戶可以先體驗一下。選擇File >New，在彈出的新文檔對話框中選擇選中CSS style sheets，在右邊的方框中（zhōng）會出現所有可用的CSS列表。為了實踐（jiàn）我們所說（shuō）的最佳習慣（guàn），選擇一（yī）個標記為“Accessible”的。

將文檔保存在站點文件夾（jiá）內，然後就可以用上述的方法來把CSS附加在你的文檔中了。

設計時間樣式表（Design Time style sheets）

DW MX的這（zhè）一特性可以讓你在設計（jì）視圖（tú）下工作時將樣式表應用到（dào）頁麵，讓你對站點的外觀有一個更（gèng）直觀的認識。設計時（shí）間（jiān）樣式（shì）表將不會（huì）出（chū）現（xiàn）在站點內。從我（wǒ）們（men）的（de）最佳習（xí）慣的觀點來講，這一特性是非常有用的。如果你使用同時導（dǎo）入和連接兩種方式（如上所述），附加設計時間樣式表可以（yǐ）讓你使用其中的任何一個來開發站點。當你想看在另一個樣式表下頁（yè）麵外觀如（rú）何時，你可（kě）以輕鬆更改為另一（yī）個樣式表。

對於要將CSS應用於服務器端（比如ASP, PHP, or ColdFusion）或是要在客戶端通過＆#106avascript來存取的開發者來說，設計時間（jiān）樣式表同樣有用。服務器端樣式表也是處理客戶端瀏覽器對CSS支持不好的又一種方（fāng）式。但在以前版本的DW中，這種方式卻不能讓（ràng）你（nǐ）在設計階段查看CSS的實際效果。設計時間樣式表讓（ràng）你實時查看樣式表效果，所以你可在（zài）DW MX中（zhōng）以可視界麵工（gōng）作（zuò）。另外一（yī）個好處就是（shì）當你上傳站點文件時，你不必再檢查整個站點尋找冗餘（yú）的樣式（shì）表了。

驗證

無（wú）論你是自己創建樣式表還是編輯（jí）現（xiàn）有的樣式表，驗（yàn）證可以確保你不會誤（wù）用不標準（zhǔn）的標簽或錯誤的（de）代碼。DW MX本身不包含CSS驗證程（chéng）序，你可以使用（yòng）W3C站點提供的驗證服務（wù）。在DW MX內你可以驗（yàn）證HTML 或DHTML標簽（ File >Check Page >Validate Markup (for HTML) 或 File >Check Page >Validate as XML for XHTML.）。在開發基於CSS的站點時，DW MX提供了很多輔助工具。有了MW MX的（de）幫助，再（zài）加上對CSS良好的理解，你就可以開發出能經受時間考驗的站點了。