From the course: Dreamweaver CC Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Create a new CSS rule in the CSS Designer - Dreamweaver Tutorial
From the course: Dreamweaver CC Essential Training
Create a new CSS rule in the CSS Designer
- [Instructor] For the rest of this chapter, I'll show you the basics of using the CSS Designer to create selectors, style text and links, adjust layout, add borders and backgrounds, and work with media queries. I'll be working on two pages from the Landon Hotel site: index.html, and dining.html. They've already been partially styled, but still need quite a bit of work. You can find them in the Chapter 7, 07_05 folder of the exercise files. But even if you don't have access to the exercise files, you can apply the same technique to files of your own. The process is the same for any website. In this exercise, I'm gonna focus on creating CSS selectors. Dreamweaver simplifies their creation by using the current selection in the document window, to suggest a suitable name, and it automatically creates new selectors for classes and IDs if they don't already exist. So I'm going to switch back to index.html, scroll down, and then find this heading underneath the hero image. If I select that…
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
-
-
-
-
-
-
-
-
-
CSS workflows in Dreamweaver CC 20172m 4s
-
Set CSS preferences6m 6s
-
CSS Designer overview7m 41s
-
Attach an external style sheet11m 15s
-
Create a new CSS rule in the CSS Designer9m 1s
-
Styling text8m 18s
-
Use an Adobe Edge web font7m 20s
-
Create a custom font stack3m 43s
-
Style links6m 32s
-
Style basic layout properties9m 42s
-
Style borders3m 37s
-
Style background properties8m 50s
-
Style additional properties3m 53s
-
Add a media query8m 22s
-
Use CSS Inspect3m 47s
-
-
-
-
-