更新時間：2025-06-08 14:19:08
網站建設
577在早期的網站建設中，網頁完全由一些簡單排版的文字和圖片組成，HTML語言允許使用一些描述性的標簽來美化網頁的設計。然而，隨著網絡技術的發展，簡單的HTML標簽已經不能滿足人們對網頁美觀的要求。因此，W3C制定了CSS的技術規范，希望能幫助網頁設計師通過CSS設計出各種精美的網頁。
CSS技術在網頁中主要用于布局和美化，與XHTML的有機結合可以使Web更加結構化和規范化。 CSS作為最重要的網頁布局和美化工具之一，近年來得到了非常迅速的普及。國內幾乎所有的大型商業網站都在使用CSS來進行網頁布局，美化和設計網頁上的各種對象。
CSS（Cascading Style Sheet，層疊樣式表）是一種用于網頁設計的標記語言，不需要編譯，直接被網頁瀏覽器解析。在網頁中，CSS的作用是在XHTML中描述和定義對象，并通過這些描述和定義來控制網頁中的對象和網頁的整體風格。
Dreamweaver 具有強大的CSS 編輯功能。要在Dreamweaver 中編輯CSS，您需要使用CSS 面板。通過CSS面板，您可以為網頁添加、刪除和編輯CSS樣式代碼。
在Dreamweaver 中，執行[window] | [CSS 樣式I 命令（或按Shift+F11 組合鍵），可以打開CSS 面板。該面板分為兩個部分，“所有規則”部分和“樣式屬性”部分。 All Rules 部分顯示了當前網頁中的所有CSS 樣式，而Style Attributes 部分列出了當前選中的CSS 樣式定義了哪些屬性，如圖4-1 所示。
在CSS面板中，可以通過一些按鈕來操作網頁的CSS規則，如表4-1所示。
使用Dreamweaver為網頁創建CSS規則，點擊【新建CSS規則】按鈕，在彈出的【新建CSS規則】對話框中設置新建CSS規則的基本參數，如圖4-2所示。
在此對話框中，可以創建不同類型的CSS 樣式。其中，對話框中詳細參數的介紹如表4-2所示。
如果您使用[新建CSS規則]對話框創建外部CSS樣式，Dreamweaver會提示您保存外部CSS鏈接文件。并在保存后自動打開文件以供網頁設計師編輯。
CSS 是一個非常重要的網頁設計工具。目前幾乎所有的網頁設計都離不開CSS。因此，在設計網頁之前，有必要了解CSS的基本語法和結構。
CSS的語句結構非常簡單。每段CSS代碼由兩部分組成，即選擇器（Selector）
和聲明。聲明還包括屬性和屬性值兩部分，必須寫在大括號“{}”中。 Css代碼的書寫格式如下。
我們專注高端建站，小程序開發、軟件系統定制開發、BUG修復、物聯網開發、各類API接口對接開發等。十余年開發經驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！
