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.
Creating a new CSS rule - Dreamweaver Tutorial
From the course: Dreamweaver CS6 Essential Training
Creating a new CSS rule
The CSS Styles panel can help control every phase of creating and managing CSS within Dreamweaver. In this movie I want to begin exploring how you can use the CSS Styles panel to create a new CSS rule. To do that we're going to keep working in the index file, but this time I have it opened from the 06_03 directory, and if I scroll down into my content, I can see these little section boxes, these info boxes. The headline doesn't look the way it should. It's just not styled at all to be quite honest with you. So we're going to focus on those and we're going to create a brand new rule that's going to target those elements. Now to do that, we're going to go over to the CSS Styles panel and use the new rule feature. I noticed that if I look in the lower right-hand corner of the CSS Styles panel I have a series of icons over there. One of them that little chain like icon will allow me to Attach an External Style Sheet to a page, so if I create a brand new page from scratch and I want to go…
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)
-
-
-
-
-
-