編輯樣式表

顯示說明文件
您可以利用樣式表來控制網頁的外觀與操作方式。

必備條件建立樣式表

如果要編輯您的頁面所鏈結的外部樣式表,請執行下列動作:

  1. 開啟您要編輯的 .css 檔, 方法為在「專案瀏覽器」視圖中按兩下該檔案。 這時編輯區中會開啟該樣式表。
  2. 如果要編輯樣式,請選取「預覽」窗格中的樣式, 然後按一下編輯所選規則圖示。如果您要編輯檔案的程式碼版本,您可以在「程式碼」窗格中輸入樣式定義。
    提示: 您也可以在開啟的網頁上編輯樣式, 方法為用滑鼠右鍵按一下 Page Designer 的「設計」頁面中的元素,然後選取樣式 > 編輯樣式規則
  3. 在「設定樣式內容」對話框中,您可以設定字型的相關樣式、背景效果、佈置位置、清單格式...等。 按一下確定 當您更新樣式定義時,樣式變更會立即套用至您網頁的設計頁面版本。您也可以在 CSS Designer 的「預覽」窗格中看到更新的樣式。

    您可以切換顯示或隱藏窗格, 方法為選取窗格 > 將程式碼最大化窗格 > 將預覽最大化

  4. 如果要編輯個別標示屬性配對,您可以在「樣式」視圖中選取它們,再從蹦現功能表中選取編輯編輯選取的規則工具列按鈕。 在「編輯樣式」對話框中,選取要編輯其樣式的元素, 然後按一下確定 您也可以利用 CSS Designer 的蹦現功能表或「設計」頁面中之 Page Designer 的蹦現功能表來編輯樣式。
  5. 按一下確定來儲存更新,以及將樣式套用至現行頁面中。

    您可以利用預覽窗格來查看 Web 瀏覽器中所呈現的更新樣式外觀。 只要將 HTML 檔從「專案瀏覽器」視圖拖放到「預覽」窗格中,樣式效果就會顯示出來,不必實際開啟 HTML 檔。 您也可以利用預覽窗格頂端的瀏覽按鈕或瀏覽方式清單,來指定 HTML 檔。

相關概念
階式樣式表 (CSS) 設計程式
相關工作
預覽網頁的樣式
將樣式表套用至網頁上
從展示區中,將範例樣式表套用在網頁上
使用條款 | 讀者意見
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.