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 basic layout properties - Dreamweaver Tutorial
From the course: Dreamweaver CC Essential Training
Style basic layout properties
- [Narrator] Handling page layout is probably the most difficult aspect of working with CSS. Flexbox and CSS grid promise to solve many of the problems that have faced web designers for years, but the burning question is when should you start using them? Do you want your pages to break in older browsers? Well, the CSS designer in Dreamweaver CC 2017 takes a conservative approach. It doesn't support either Flexbox or CSS grids. There are code hints for hand coding Flexbox in code view, but at the time of recording this video, there are no code hints for CSS grids, so in this exercise I'm gonna focus on using tried and tested techniques that are supported by the CSS designer. Before starting I'd like to draw your attention to something in the style sheet, main.css, so select it in the related files bar and it's these two style rules right at the very beginning. The first selector, html, sets the box sizing property to border box, this resets the traditional CSS box model to include…
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)
-
-
-
-