The document discusses various topics related to CSS including the box model, page layout, positioning, fixed and fluid layouts, and properties like position, float, background repeat, and clearing. It also addresses issues like equal height columns and the "footer problem" when using floats, and provides potential solutions. The document appears to be notes from a CSS training or tutorial provided by Mr. Thien Tran Quang.

1. Mr. Thien Tran Quang
CSS Slicer
kuangthien@gmail.com

2.  Box Model
 Page Layout
 Positioning

3.  What is this?
 How works it?

5. Three-dimensional visualization of the CSS box model
Remember: the width property declares the width of the
element’s contents, not its box.

6.  Introduction
 Equal height problem

7. Fixed Layout
“What the designer sees, the
user sees”

8. Fluid Layout
“Flexible for
differents screen
resolution”

9. Elastic Layout
Mixes the two other
main layout types. It
works by sizing all
elements with em‘s.

11. The height of each column is depend the contents in
column.

12. Key: Relative position property .

13. Key: Background Repeat Property

14.  Position:static | relative | absolute | fixed
 Floating and Clearing

20. Mystery of Float

21. Clearing

22. Float column
and “footer
problem”

23. “Footer
problem” and
solution