With a little JavaScript or server-side coding, different style sheets can be applied
according to which browser is being used, the platform employed, even the screen resolution at work. How
does Dreamweaver know which style sheet to use? With the design time style sheets feature, of course.
The design time style sheets feature enables you to show a specific style sheet while hiding others as you
work. One key use of this command is to utilize a style sheet that is linked from your page dynamically at
runtime. Your style sheets, in other words, do not have to be specifically attached to your page for you to be
able to use them.
To set up design time style sheets, follow these steps:
1. From the CSS Styles panel Options menu choose Design Time Style Sheets. Alternatively, choose
Text ??? CSS Styles ??? Design Time or, from the Style Rendering toolbar, click Design-time Style
Sheets. Whichever method you choose, the Design Time Style Sheets dialog box, shown in Figure
7-23, is displayed.
FIGURE 7-23
Use the Design Time Style Sheets feature to display a variety of style sheets while you??™re
creating the page.
2. To show a specific style sheet, click the Add (+) button above the Show Only At Design Time list
area and select an external style sheet from the Select File dialog box.
Pages:
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526