在將樣式表套用到網頁之前,
您可以在 CSS Designer 的「預覽」窗格中預覽該網頁。「預覽」窗格(編輯器的左側區域)會顯示目前定義的樣式在外部 Web 瀏覽器中所呈現的外觀。
有三個預覽網頁之樣式的方法:
開啟您要編輯的 .css 檔,
方法為在「專案瀏覽器」視圖中按兩下該檔案。這時 CSS Designer 中會開啟該樣式表。- 將 HTML 或 JSP 檔從「專案瀏覽器」視圖拖放到「預覽」窗格(編輯器的左側區域)。
- 按一下「預覽」窗格頂端的瀏覽按鈕,從選取檔案對話框中選取檔案。
- 在預覽窗格頂端的清單中選取檔案或輸入檔案名稱。
這個清單會顯示已顯示在「預覽」窗格的檔案。
如果您將「預覽」窗格放至最大,「專案瀏覽器」視圖中所選取的檔案將立即反映在「預覽」窗格中的範例網頁。
如果您想要查看多個網頁中的樣式效果,這項特性很有用,因為您只需在「專案瀏覽器」視圖中選取新檔案,就可以變更「預覽」窗格中的範例頁面。