Cascading Style Sheet Quick Guide

 
 
This guide contains information how to create Cascading Style Sheets (CSS).

More information about CSS can be found at: http://www.w3.org/Style/CSS/







Div examples: fluid layouts



Information
All examples are working for IE 6.0 and Firefox 1.5.

Procedure

Example Screenshot
Example 1 Fluid layout: One column

Download CSS fluid_layouts.zip.
View the CSS naming convention used for this layout.
View the CSS stylesheet hierarchy.

Note:
All px units are converted into em.
To convert: em = px / 16
10px is 10/16 = 0.625em

Example 2 Fluid layout: Two columns.

Download CSS fluid_layouts.zip.
View the CSS naming convention used for this layout.
View the CSS stylesheet hierarchy.

Note:
All px units are converted into em.
To convert: em = px / 16
10px is 10/16 = 0.625em

Example 3 Fluid layout: Three columns.

Download CSS fluid_layouts.zip.
View the CSS naming convention used for this layout.
View the CSS stylesheet hierarchy.

Note:
All px units are converted into em.
To convert: em = px / 16
10px is 10/16 = 0.625em