Wide Web Consortium's website at www.w3.org/TR/CSS21/media.html. Preview: Click this button to preview the selected style sheet in the page. Clicking the Cancel button reverts the page back to its original state before the Preview button was clicked. Sample Style Sheets: Clicking this hyperlink opens the Sample Style Sheets dialog shown in Figure 7.30. Figure 7.30. Use the Sample Style Sheets dialog to browse through and select from a list of prebuilt style sheets.   You can use this dialog to browse through and select from a set of prebuilt style sheets you can use in your projects. The dialog features a Save To text box that allows you to save the prebuilt style sheet into your project. The Sample Style Sheets dialog is also available by choosing New from the File menu and choosing the CSS Style Sheets category from the General tab.           Tips and Tricks for Using CSS Up to this point, you've learned about Dreamweaver's integration with CSS. I'll use the next few sections as an opportunity to discuss features that seem to fall under the radar when working with CSS in Dreamweaver, specifically: Editing CSS files in Dreamweaver's Code view Validating your CSS Using design-time style sheets Using built-in CSS page designs Editing CSS Files in Dreamweaver's Code View The world of CSS is broad. Too broad, in fact, to cover all of its intricacies in this chapter. Even Dreamweaver, which is a full functioning visual editor, doesn't integrate nor provide intuitive functionality for every CSS concept. Although I as an author and Dreamweaver as an editor cannot attempt to cover all aspects of CSS, we can provide some direction in terms of editing the code yourself using concepts you may already know of in Dreamweaver's Code view. To open your external style sheet files in Code view, double-click the styles.css file in the Files panel. The CSS file opens in Code view (because a CSS file has no design) on its own tab in the Document window similar to Figure 7.31. Figure 7.31. Double-click the styles.css file in the Files panel to open the style sheet in Code view on its own tab. [View full size image]   You can now freely write or edit CSS code. Of course, you can also select the style sheet directly from the CSS Styles panel and click the Edit Style button located in the bottom-right corner of the CSS Styles panel. Validating Your CSS Dreamweaver enables you to check your HTML code for validity and conformance to accessibility standards. Unfortunately, it doesn't currently provide the same capability for style sheets. Instead, you can use the W3C's CSS validator to check your CSS for code mistakes or omissions. You can verify your style sheet by going to