建立樣式
您可以建立使用類別、識別碼或元素選取器的內嵌樣式和樣式，以設定網頁及其內容的格式。如需有關每種樣式類型的詳細資訊，請參閱使用樣式。
您可以從頭開始或複製現有的樣式以建立新的樣式。不管是哪種方式，均可使用 [新樣式] 對話方塊定義新樣式的所有項目，包括選取器類型、屬性及將包含樣式的樣式表。想要建立新的內嵌樣式時，也可以使用 [CSS 屬性] 面板。想要快速建立並在網頁中套用新樣式，而不需為樣式設定任何屬性時，也可以使用 [樣式] 工具列。
.gif "Note") 注意： |
|---|
若在 [網頁編輯器選項] 對話方塊的 [製作] 索引標籤中選取的 CSS 結構描述不支援 CSS 屬性，則該屬性的值清單在 [新樣式] 與 [修改樣式] 對話方塊中會呈現為空白，且 [CSS 屬性] 面板中不會列出該屬性。如需詳細資訊，請參閱設定 CSS 的 IntelliSense 選項。 |
使用新樣式對話方塊建立新樣式
執行下列其中一項動作：
若要新增樣式到外部 CSS，請開啟 .css 檔案。
若要新增樣式到內部 CSS，請開啟網頁。
若要新增內嵌樣式，請開啟網頁，然後選取要設計樣式的內容。
執行下列其中一項動作：
若要建立新樣式，請在 [套用樣式] 面板或 [管理樣式] 面板中，於 [樣式] 工具列或 [格式] 功能表上，按一下 [新樣式]
.png "Cc295329.286f6ccb-09db-4cdc-90ec-b7cb537b4121(zh-tw,Expression.40).png")
。若要在 [套用樣式]、[管理樣式] 或 [CSS 屬性] 面板中複製現有的樣式，請以滑鼠右鍵按一下所要複製的樣式，然後選取 [新樣式複本]。
在 [新樣式] 對話方塊中，執行下列動作：
使用此項 執行此作業 選取器
若要使用類別選取器，請鍵入句號 (.)，再於其後鍵入唯一的名稱。
若要使用識別碼選取器，請鍵入數字符號 (#)，再於其後鍵入唯一的名稱。
注意：
除非建立複雜選取器，否則類別與識別碼選取器名稱中不可含有空格。若要使用元素選取器，請鍵入 HTML 元素的名稱，或按一下 [選取器] 下拉式方塊並選取元素名稱。
若要使用內嵌選取器，請選取 [內嵌樣式]。
若要建立複雜式選取器，請鍵入選取器。
定義於
選擇下列一項：
[本頁] 會新增新樣式至目前網頁中的內部 CSS。
[新樣式表] 會新增新樣式至新的空白外部 CSS。
[現有的樣式表] 會新增新樣式至您指定的現有外部 CSS。
套用新樣式到文件選取範圍
套用樣式到目前網頁中的目前選取範圍。
URL
若在 [定義於] 中選取了 [現有的樣式表]，請將 URL 輸入到 .css 檔案。
類別
選擇下列任何一項，然後設定出現在對話方塊右側的屬性。
.gif "tip note")
秘訣：
以粗體顯示在 [類別] 清單中的類別含有設定屬性。[字型] 會設定字型屬性，包括大小、粗細、裝飾及色彩。
[區塊] 會設定行高、文字對齊、文字縮排及文字間距。
[背景] 會設定背景色彩及背景影像屬性。
[框線] 會設定框線及其屬性。
[方塊] 會設定方塊及區塊層級元素的邊框間距及邊界屬性。
[位置] 會設定方塊及區塊層級元素的尺寸及位置。
[版面配置] 會設定方塊及區塊層級元素的可見度、浮動及文繞圖行為、剪輯及其他版面配置屬性。
[清單] 會設定清單元素屬性，包括類型、位置及影像。
[表格] 會設定表格相關元素屬性，包括間距、版面配置、框線屬性等。
使用 CSS 屬性面板建立內嵌樣式
在網頁的 [設計] 檢視或 [程式碼] 檢視中，選取要新增內嵌樣式的內容。
在 [CSS 屬性] 面板之 [套用的規則] 下，以滑鼠右鍵按一下要套用內嵌樣式的選取器；若出現 [(不套用規則)]，請以滑鼠右鍵按一下 [套用的規則] 下的任意處，然後再按一下快顯功能表中的 [新增內嵌樣式]。
在 [CSS 屬性] 下，設定想要的屬性。
建立並套用尚未定義的新樣式
在網頁的 [設計] 檢視或 [程式碼] 檢視中，選取要套用樣式的項目。
若要建立並套用新的樣式但不定義任何屬性，請在 [樣式] 工具列的 [類別] 或 [識別碼] 方塊中，為新樣式鍵入唯一的名稱。