使用階層式樣式表工具
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 如何在使用特定功能時自動產生樣式。如需詳細資訊,請參閱使用產生的階層式樣式表。