修改樣式

當您想要編輯外部、內嵌或內部階層式樣式表 (CSS) 的樣式內容時,可以從 [CSS 屬性] 工作窗格或 [套用樣式] 工作窗格開始。[套用樣式] 工作窗格可讓您編輯目前網頁樣式表中所包含的任何樣式,即使是網頁未使用的樣式亦然。[CSS 屬性] 工作窗格可讓您僅編輯目前網頁所使用的樣式、可在 [程式碼] 檢視中選取的樣式或開放式外部 .css 檔案中的任何樣式。

Cc295560.alert_note(zh-tw,Expression.10).gif注意事項:

若在 [網頁編輯器選項] 對話方塊的 [製作] 索引標籤中選取的 CSS 結構描述不支援 CSS 屬性,則該屬性的值清單在 [新樣式] 與 [修改樣式] 對話方塊中會呈現為空白,且 [CSS 屬性] 工作窗格中不會列出該屬性。如需詳細資訊,請參閱設定 CSS 的 IntelliSense 選項

重新命名類別選取器

  1. 開啟內含具有所要修改之類別型樣式的 CSS 的網頁。

  2. 執行下列其中一項動作:

    • 指向 [套用樣式] 工作窗格中的類別選取器,再按向下箭號,然後按 [重新命名類別]。

    • 在 [管理樣式] 工作窗格或 [CSS 屬性] 工作窗格中,以滑鼠右鍵按一下類別選取器,然後按 [重新命名類別]。

  3. 在 [重新命名類別] 對話方塊的 [新名稱] 方塊中,輸入此類別選取器的新名稱。新類別名稱之前不必鍵入句點 (.)。

  4. 若要更新該類別全部現有參考的類別名稱,請按一下 [重新命名使用此樣式表之 (#) 個檔案中的類別參考]。

  5. 按一下 [確定]。

使用 CSS 屬性工作窗格修改樣式

  1. 開啟使用要修改之樣式的網頁。

  2. 在 [CSS 屬性] 工作窗格中,若 [套用的規則] 清單中未出現要修改的樣式,請將游標置於內容中,或選取使用要修改樣式的內容。

  3. 在 [套用的規則] 清單中,按一下要修改的樣式名稱。

  4. 在 [CSS 屬性] 工作窗格的 [CSS 屬性] 區段中,設定想要的屬性。

使用修改樣式對話方塊修改樣式

  1. 開啟任何包含想要修改樣式之 CSS 的網頁。

  2. 執行下列其中一項動作:

    • 若要修改類別、元素或識別碼選取器,請指向 [套用樣式] 工作窗格中的樣式,再按向下箭號,然後按 [修改樣式]。

    • 若要修改內嵌樣式,請將游標置於內容中,或選取使用此樣式的內容,然後指向 [套用樣式] 工作窗格中的樣式,按一下向下箭號,再按 [修改樣式]。

    • 在 [CSS 屬性] 工作窗格的 [套用的規則] 清單中,以滑鼠右鍵按一下樣式,然後選取 [修改樣式]。工作窗格的 [套用的規則] 清單中若未出現要修改的樣式,請將游標置於內容中,或選取使用要修改樣式的內容。

  3. 若要變更樣式名稱與選取器類型,請在 [修改樣式] 對話方塊的 [修改樣式] 方塊中,執行下列一項作業:

    Cc295560.alert_note(zh-tw,Expression.10).gif注意事項:

    除非建立複雜選取器,否則類別與識別碼選取器名稱中不可含有空格。

    • 若要使用元素選取器,請按一下 [選取器] 下拉式方塊的元素名稱。

    • 若要使用識別碼選取器,請鍵入數字符號 (#),再於其後鍵入唯一的名稱。

    • 若要使用內嵌選取器,請按一下 [選取器] 方塊功能表中的內嵌樣式。

    • 若要使用類別選取器,請鍵入句號 (.),再於其後鍵入唯一的名稱。

    Cc295560.alert_note(zh-tw,Expression.10).gif注意事項:

    若要重新命名現有的類別選取器,然後自動更新現有的樣式參考,可使用 [重新命名類別選取器] 程序。無論是重新命名識別碼或元素選取器,或變更樣式類型的選取器類別,均不會自動更新樣式參考,而必須手動加以更新。

  4. 在 [類別] 方塊中,按一下下列一項,並設定要設定格式的屬性:

    • [字型] 會設定字型屬性,包括大小、粗細、裝飾及色彩。

    • [區塊] 會設定行高、文字對齊、文字縮排及文字間距。

    • [背景] 會設定背景色彩及背景影像屬性。

    • [框線] 會設定框線及其屬性。

    • [方塊] 會設定方塊及區塊層級元素的邊框間距及邊界屬性。

    • [位置] 會設定方塊及區塊層級元素的尺寸及位置。

    • [版面配置] 會設定方塊及區塊層級元素的可見度、浮動及文繞圖行為、剪輯及其他版面配置屬性。

    • [清單] 會設定清單元素屬性,包括類型、位置及影像。

    • [表格] 會設定表格相關元素屬性,包括間距、版面配置、框線屬性等。

  5. 按一下 [確定]。

請參閱

概念

CSS 屬性工作窗格

建立樣式

自階層式樣式表刪除樣式

從內容中移除樣式

階層式樣式表工具