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 additional properties - Dreamweaver Tutorial
From the course: Dreamweaver CC Essential Training
Style additional properties
- [Instructor] The CSS designer doesn't cover every single CSS property. If it did, it would be absolutely huge but that doesn't mean you're limited to only a subset of styles. The more section at the bottom of the properties pane allows you to add properties manually and it provides code hints for most of them. As a quick example, I'm going to add a CSS transition to the navigation menu in the Landon hotel site. I want dining.html open, doesn't matter which page I use because the styles are going to be in main.css which will be attached to every page in the site, so the transition will apply to every page. Use the live view scrubber to reduce the size of the document window. Once we go past 680 pixels, the navigation menu disappears and it's replaced by this menu button. If I click the menu button the menu appears and if I click it again it disappears but it's a very abrupt action. That needs fixing with a CSS transition. Now, Dreamweaver does actually have a dedicated transitions…
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)
-
-
-
-