From the course: CSS: Float-Based Page Layouts (2012)
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Box model review - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
Box model review
Before we start exploring the individual techniques of page layout, I want to begin with a general overview of CSS page-layout concepts. At the core of almost all page-layout techniques is the box model, so that makes reviewing it a logical starting point. Before we get into that, however, I feel like I need to mention again that this course is a continuation of my CSSL Core Concepts course. That means that in this course we are going to be building on the material that covered in the CSS: Core Concepts course. There will be some repetition, designed to reinforce important concepts, but for the most part, if you're new to CSS and are starting with this title, I actually recommend that you go back and start with the Core Concepts title and then come back to this on when you finish. I had pretty much said the exact same thing in the Welcome movie, but I know that a lot of you guys skip those, so I wanted to mention it again here before got too far into the title. Okay, cool! Now the box…
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)
Box model review8m 47s
-
(Locked)
Calculating element dimensions11m 11s
-
Understanding margin collapse7m 59s
-
(Locked)
Calculating em values7m 41s
-
(Locked)
Calculating percentage values7m 51s
-
(Locked)
Normal document flow13m 3s
-
(Locked)
Controlling element display8m 53s
-
(Locked)
Using CSS Resets7m 11s
-
(Locked)
Fixed, fluid, and responsive layouts9m 9s
-
(Locked)
CSS debugging tools6m 46s
-
(Locked)
Using the Firebug Inspector and the WebKit Web Inspector11m 5s
-
(Locked)
-
-
-
-
-
-
-
-