Previewing styles for a Web page

Before you apply a style sheet to a Web page, you can preview the page in the Preview pane of CSS Designer. The Preview pane (the left area of the editor) shows you how the currently defined styles are likely to look when viewed in an external Web browser.
Prerequisite: Create a style sheet.
There are three ways to preview the styles for a Web page:
Open the .css file that you want to edit by double-clicking the file in the Project Explorer view. The style sheet opens in CSS Designer.
If you maximize the Preview pane, the file selected in the Project Explorer view is immediately reflected in the sample Web page in the Preview pane. If you want to see style effects in several Web pages, this feature is beneficial because you can change the sample page in the Preview pane by simply selecting a new file in the Project Explorer view.
Related concepts
Cascading Style Sheet (CSS) Designer
Related tasks
Editing style sheets
Applying style sheets to Web pages
Applying sample style sheets to Web pages from the Gallery

Feedback