This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

Stylesheet Structure [Sept. 20, 2011, 10:57 a.m.]


When creating your site style sheet(s), try to keep things in a modular fashion. This way when debugging your CSS you can have those modules quarantined for easy inspection.

For Example...........


@charset "UTF-8"

/* =============================================================================

   Reset Styles

   ========================================================================== */


/* =============================================================================

   Layout Styles

   ========================================================================== */


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Global Page LAYOUT STYLES */

your-code-here {.........}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Page Specific LAYOUT STYLES */

/*HOME*/
your-code-here {.........}
/*ABOUT US*/
your-code-here {.........}

/* =============================================================================

   COLOR STYLES

   ========================================================================== */


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Global Color LAYOUT STYLES */

your-code-here {.........}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Page Specific Color LAYOUT STYLES */

/*HOME*/
your-code-here {.........}
/*ABOUT US*/
your-code-here {.........}