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.
Style links - Dreamweaver Tutorial
From the course: Dreamweaver CC Essential Training
Style links
- [Instructor] Links are interactive, so when I hover over one of these links in the navigation bar, not only does the cursor turn into a hand, the color changes. To handle the various interactive states of links, CSS provides what are known as pseudo-classes. Although you can apply different styles to links in different parts of a page, I think it's a good idea to create some basic styles that apply to all links and then override them later with more specific selectors. I want to add my basic styles immediately after the body style rule. So I make sure that All is selected in the CSS Designer, then in the Selectors pane, select body. It should be the third item down from the top. The selectors that I want to create are very simple, so it doesn't matter what's selected in Live view at the moment. Just click the plus button at the top left of the Selectors pane. Dreamweavers decided I want to have body header. It's editable, all I need to do is to type in a, which is the basic selector…
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)
CSS workflows in Dreamweaver CC 20172m 4s
-
(Locked)
Set CSS preferences6m 6s
-
(Locked)
CSS Designer overview7m 41s
-
(Locked)
Attach an external style sheet11m 15s
-
(Locked)
Create a new CSS rule in the CSS Designer9m 1s
-
Styling text8m 18s
-
(Locked)
Use an Adobe Edge web font7m 20s
-
(Locked)
Create a custom font stack3m 43s
-
(Locked)
Style links6m 32s
-
(Locked)
Style basic layout properties9m 42s
-
(Locked)
Style borders3m 37s
-
(Locked)
Style background properties8m 50s
-
(Locked)
Style additional properties3m 53s
-
(Locked)
Add a media query8m 22s
-
(Locked)
Use CSS Inspect3m 47s
-
(Locked)
-
-
-
-