This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.
CSS Bliss & Beyond for the seasoned designer and newbie exploring the foundation of CSS along with studying some of the more complex coding scenarios. CSS is the bread and butter for all things visual on the web making our HTML sparkle and shine.
WEBCRAFT
Margin Collapsing
Top and bottom margins of blocks are sometimes combined (collapsed) into a single margin whose size is the largest of the margins combined into it, a behavior known as margin collapsing.
For example:
#section1 { margin: 1.5em 0 1.5em; } /* top, right/left, bottom */
#section2 { margin: 2.5em 0 1.5em; } /* top, right/left, bottom */
The winnning margin where the two sections separate is 2.5em because it is the largest value.
