From the course: Dreamweaver CS6 Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Using the CSS Rule Definition dialog - Dreamweaver Tutorial
From the course: Dreamweaver CS6 Essential Training
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 or for those of you that are just looking…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
(Locked)
Setting CSS preferences9m 32s
-
An overview of the CSS Styles panel9m 23s
-
(Locked)
Creating a new CSS rule6m 42s
-
(Locked)
Using the CSS Rule Definition dialog7m 25s
-
(Locked)
Organizing styles7m 22s
-
(Locked)
Modifying style properties6m 17s
-
(Locked)
Controlling CSS through the Property inspector6m 37s
-
Attaching external style sheets5m 54s
-
(Locked)
Using CSS visual aids7m 3s
-
(Locked)
Using CSS Inspect6m 48s
-
(Locked)
Using the Code Navigator6m 39s
-
(Locked)
-
-
-
-
-
-