Styling container elements: Solution


show more Styling container elements: Solution provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Core Concepts show less
please wait ...

Styling container elements: Solution

Welcome back to the styling container element's lab. This is the solution movie and here I want to compare your solutions with mine and along the way we can discuss the thought processes that went into the element formatting. Here I have the main.css file and the index.htm file just in case we need to reference that, open from the Finished files folder in the 05_13 directory. So the first goal that we had was setting a height on the header in the layout style.

So I am just going to scroll down to around line 152 or so, there we go and notice that we have our basic layout styles grouped together, this is to keep the layout style separate from the remainder of the formatting. Makes it really easy if we need to tweak or modify a layout without having to hunt and peck layout styles all throughout our code. So here we just did a very simple header height of 165. Now if I go down a little bit further into this Content region style, I can see I have another header selector here, nothing wr...

Styling container elements: Solution
Video duration: 8m 17s 8h 52m Beginner

Viewers:

Styling container elements: Solution provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Core Concepts

Subject:
Web
Software:
CSS
Author:
please wait ...