階層式樣式表工具概觀

Microsoft Expression Web 提供豐富的工具集讓您建立、套用及管理樣式與階層式樣式表 (CSS)。

  • [新樣式] 及 [修改樣式] 對話方塊可讓您設計新樣式或現有樣式,並於設計時預覽樣式外觀。如需詳細資訊,請參閱新樣式與修改樣式對話方塊

  • [套用樣式] 工作窗格可讓您建立、修改、套用、移除或刪除樣式,並可附加或移除外部 CSS。工作窗格會找出樣式類型,並會顯示目前網頁搭配目前選項使用該樣式時的畫面。如需詳細資訊,請參閱套用樣式工作窗格

  • 除了不能從內容中移除樣式或查看樣式的視覺外觀之外,[管理樣式] 工作窗格提供的功能與 [套用樣式] 工作窗格完全相同。您可使用 [管理樣式] 工作窗格將樣式從內部 CSS 移至外部 CSS 或反向而行,亦可在 CSS 程式碼中移動樣式。如需詳細資訊,請參閱管理樣式工作窗格

  • [CSS 屬性] 工作窗格會顯示網頁目前選取使用的樣式,也會顯示樣式的優先順序。此外,此工作窗格還提供全部 CSS 屬性的綜合清單,讓您在現有樣式中新增內容、修改已設定的屬性或建立新的內嵌樣式。如需詳細資訊,請參閱 CSS 屬性工作窗格

  • [樣式] 工具列可讓您套用或移除類別選取器或識別碼選取器,或建立及套用未經定義的新樣式。如需詳細資訊,請參閱樣式工具列

  • [CSS 報告] 工作窗格提供一或多頁或整個網站的 CSS 錯誤或 CSS 用法。[樣式表連結] 網站報告會列出參考外部 CSS 的網頁以及參考的 CSS 檔案。如需詳細資訊,請參閱階層式樣式表報告

  • [樣式應用程式] 工具列讓您更能掌控 Expression Web 所產生的樣式。在 [手動] 樣式應用程式模式中撰寫 CSS 時,可使用此工具列。如需詳細資訊,請參閱樣式應用程式工具列

  • CSS 的 IntelliSense 可提高您在 [程式碼] 檢視中編寫及套用 CSS 時的產能。如需詳細資訊,請參閱階層樣式表的 IntelliSense

無論使用 CSS 的經驗長短,皆應瞭解 Expression Web 如何在使用特定功能時自動產生樣式。如需詳細資訊,請參閱產生的階層式樣式表

請參閱

概念

階層式樣式表概觀

樣式概觀

圖層概觀