在手動模式中設計產生的樣式

您若是會撰寫自有 CSS 的階層式樣式表 (CSS) 老手,在 [手動] 樣式應用程式模式下使用 Microsoft Expression Web,可大幅提升設計流程的效率。無論是 [手動] 或 [自動] 模式,Expression Web 皆可在您設定網頁項目的格式時,建立及修改樣式。[手動] 模式也可讓您精準控制要交由 Expression Web 進行修改的樣式,以及其所應產生的樣式種類。

[樣式應用程式] 工具列可讓您變更樣式應用程式的模式、選擇所要修改的樣式,以及設定其他選項。

設定樣式應用程式模式

  • 執行下列其中一項動作:

    • 在網頁的 [設計] 檢視或 [程式碼] 檢視中,以滑鼠右鍵按一下程式視窗底部狀態列上的 [樣式應用程式],並指向 [模式],然後選取 [自動] 或 [手動]。

    • 在 [樣式應用程式] 工具列上,按一下 [樣式應用程式] 下拉式方塊,然後選取 [自動] 或 [手動]。

    • 在 [工具] 功能表上,選取 [網頁編輯器選項]。在 [網頁編輯器選項] 對話方塊的 [CSS] 索引標籤上,選取 [自動樣式應用程式] 或 [手動樣式應用程式]。

使用樣式應用程式工具列修改現有的樣式

  1. 在網頁的 [設計] 檢視或 [程式碼] 檢視中,切換至 [手動] 樣式應用程式模式。

  2. 將游標置於需要格式設定的內容上,或選取該內容。

  3. 在 [樣式應用程式] 工具列上,按一下 [目標規則] 下拉式方塊,然後選取所需要的樣式。

  4. 若在 [目標規則] 下拉式方塊中選取的樣式,不含經過格式設定的屬性宣告,但存在於目前的選取範圍所使用的其他樣式中,執行下列其中一項動作:

    • 若要修改含有即將設定格式之屬性宣告的樣式,請選取 [重複使用屬性]。

    • 若要新增屬性宣告至 [目標規則] 方塊中所選的樣式,請清除 [重複使用屬性]。

  5. 使用 Expression Web 設定內容的格式。

使用樣式應用程式工具列建立新的樣式

  1. 在網頁的 [設計] 檢視或 [程式碼] 檢視中,切換至 [手動] 樣式應用程式模式。

  2. 將游標置於需要格式設定的內容上,或選取該內容。

  3. 在 [樣式應用程式] 工具列上,按一下 [目標規則] 下拉式方塊,然後執行下列其中一項動作:

    • 若要由 Expression Web 根據您所套用的格式設定產生新的樣式,並將該樣式套用至目前的內容,請選取 [新增內嵌樣式]、[新增自動識別碼] 或 [新增自動類別],然後再使用 Expression Web 設定內容的格式。

    • 若要使用 [新樣式] 對話方塊設計新的樣式,並選擇性地將該樣式套用至目前的選取範圍,請選取 [套用新樣式]。如需詳細資訊,請參閱建立樣式

請參閱

概念

樣式應用程式工具列

為產生的 CSS 設定喜好設定