Using the CSS Rule Definition dialog


show more Using the CSS Rule Definition dialog provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS6 Essential Training show less
please wait ...

Using the CSS Rule Definition dialog

Once you've created a rule visually within the CSS Styles panel, you're then presented with the CSS Rule Definition dialog box. Using this dialog, you'll enter the values for properties that you wish to set. We're going to finish the Info section's headline rule by setting the appropriate property. So I'm really just picking this up right from where we left off in the last movie. I've created a new rule. It's a compound selector, section.info h2, which is going to target any heading 2, inside of a section element with a class of info applied, so a fairly specific rule.

And that is going to be contained within the main.css. So once you've entered everything into the New CSS Rule dialog, you click OK and that's when this one comes up. This is the CSS Rule Definition dialog box. Now I know a lot of you guys out there probably prefer to hand-code your styles and there's nothing wrong with that whatsoever. But for those of you that are new to CSS ...

Using the CSS Rule Definition dialog
Video duration: 7m 25s 9h 24m Beginner

Viewers:

Using the CSS Rule Definition dialog provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS6 Essential Training

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...