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.
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 Enterprise Explorer view. The style sheet opens in CSS Designer.
- Drag and drop an HTML or JSP file from the Enterprise Explorer view to the Preview pane (the left area of the editor).
- Click the Browse button at the top of the Preview pane and select a file from the
File Selection dialog box.
- Select a file or type the file name in the list at the top of preview pane. This list displays files that are already shown in the Preview pane.
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 Enterprise Explorer view
Related concepts
Cascading Style Sheet (CSS) Designer
Related tasks
Applying style sheets to Web pages
Applying sample style sheets to Web pages from the Gallery