修改樣式
當您想要編輯外部、內嵌或內部階層式樣式表 (CSS) 的樣式屬性時,可以從 [CSS 屬性] 面板或 [套用樣式] 面板開始。[套用樣式] 面板可讓您編輯目前網頁樣式表中所包含的任何樣式,即使是網頁未使用的樣式亦然。[CSS 屬性] 面板可讓您僅編輯目前網頁所使用的樣式、可在 [程式碼] 檢視中選取的樣式或開放式外部 .css 檔案中的任何樣式。
注意: |
---|
若在 [網頁編輯器選項] 對話方塊的 [製作] 索引標籤中選取的 CSS 結構描述不支援 CSS 屬性,則該屬性的值清單在 [新樣式] 與 [修改樣式] 對話方塊中會呈現為空白,且 [CSS 屬性] 面板中不會列出該屬性。如需詳細資訊,請參閱設定 CSS 的 IntelliSense 選項。 |
重新命名類別選取器
開啟內含具有所要修改之類別型樣式的 CSS 的網頁。
執行下列其中一項動作:
指向 [套用樣式] 面板中的類別選取器,再按向下箭號,然後按 [重新命名類別]。
在 [管理樣式] 面板或 [CSS 屬性] 面板中,以滑鼠右鍵按一下類別選取器,然後按 [重新命名類別]。
在 [重新命名類別] 對話方塊的 [新名稱] 方塊中,輸入此類別選取器的新名稱。新類別名稱之前不必鍵入句點 (.)。
若要更新該類別全部現有參考的類別名稱,請按一下 [重新命名使用此樣式表之 (#) 個檔案中的類別參考]。
按一下 [確定]。
使用 CSS 屬性面板修改樣式
開啟使用要修改之樣式的網頁。
在 [CSS 屬性] 面板中,若 [套用的規則] 清單中未出現要修改的樣式,請將游標置於內容中,或選取使用要修改樣式的內容。
在 [套用的規則] 清單中,按一下要修改的樣式名稱。
在 [CSS 屬性] 面板的 [CSS 屬性] 區段中,設定想要的屬性。
使用修改樣式對話方塊修改樣式
開啟任何包含想要修改樣式之 CSS 的網頁。
執行下列其中一項動作:
若要修改類別、元素或識別碼選取器,請指向 [套用樣式] 面板中的樣式,再按向下箭號,然後按 [修改樣式]。
若要修改內嵌樣式,請將游標置於內容中,或選取使用此樣式的內容,然後指向 [套用樣式] 面板中的樣式,按一下向下箭號,再按 [修改樣式]。
在 [CSS 屬性] 面板的 [套用的規則] 清單中,以滑鼠右鍵按一下樣式,然後選取 [修改樣式]。面板的 [套用的規則] 清單中若未出現要修改的樣式,請將游標置於內容中,或選取使用要修改樣式的內容。
若要變更樣式名稱與選取器類型,請在 [修改樣式] 對話方塊的 [修改樣式] 方塊中,執行下列一項作業:
注意: 除非建立複雜選取器,否則類別與識別碼選取器名稱中不可含有空格。
若要使用元素選取器,請按一下 [選取器] 下拉式方塊的元素名稱。
若要使用識別碼選取器,請鍵入數字符號 (#),再於其後鍵入唯一的名稱。
若要使用內嵌選取器,請按一下 [選取器] 方塊功能表中的內嵌樣式。
若要使用類別選取器,請鍵入句號 (.),再於其後鍵入唯一的名稱。
注意: 若要重新命名現有的類別選取器,然後自動更新現有的樣式參考,可使用 [重新命名類別選取器] 程序。無論是重新命名識別碼或元素選取器,或變更樣式類型的選取器類別,均不會自動更新樣式參考,而必須手動加以更新。
在 [類別] 方塊中,按一下下列一項,並設定要設定格式的屬性:
[字型] 會設定字型屬性,包括大小、粗細、裝飾及色彩。
[區塊] 會設定行高、文字對齊、文字縮排及文字間距。
[背景] 會設定背景色彩及背景影像屬性。
[框線] 會設定框線及其屬性。
[方塊] 會設定方塊及區塊層級元素的邊框間距及邊界屬性。
[位置] 會設定方塊及區塊層級元素的尺寸及位置。
[版面配置] 會設定方塊及區塊層級元素的可見度、浮動及文繞圖行為、剪輯及其他版面配置屬性。
[清單] 會設定清單元素屬性,包括類型、位置及影像。
[表格] 會設定表格相關元素屬性,包括間距、版面配置、框線屬性等。
按一下 [確定]。