From the course: CSS: Float-Based Page Layouts (2012)
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Normal document flow - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
Normal document flow
When people first learn how to control page layout with CSS, they're very eager to learn about things like floating, using positioning, and other details about page-layout techniques. While this is understandable, one of the unfortunate side effects of this is that people often don't pay enough attention to one of the most important page- layout concepts of them all, and that would be normal document flow. Normal document flow is exactly what happens to your page when you do nothing at all. It's the rules that all browsers use to control the appearance of elements on the page. It's also more powerful than most people think, so let's take a closer look at normal document flow and how it relates to page layout. And to do that I've got the normal.htm file opened, and you can find that in the 01_06 folder in your exercise files. Now the first thing I want to do is just take this page and open it up in the browser so you can see what it looks like with absolutely no styling applied to it…
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
-
-
-
Box model review8m 47s
-
Calculating element dimensions11m 11s
-
Understanding margin collapse7m 59s
-
Calculating em values7m 41s
-
Calculating percentage values7m 51s
-
Normal document flow13m 3s
-
Controlling element display8m 53s
-
Using CSS Resets7m 11s
-
Fixed, fluid, and responsive layouts9m 9s
-
CSS debugging tools6m 46s
-
Using the Firebug Inspector and the WebKit Web Inspector11m 5s
-
-
-
-
-
-
-
-
-