Step 5

HOW TO STRUCTURE LAYOUT and LINK PAGES

There are basically four methods:

  1. WATER (no CSS - content fills screen - no controls)
  2. FLOAT (using CSS with float left, and width persentages to organize layout)
  3. GRID (new CSS - verticle columns of equal width)
  4. FLEXBOX (new CSS - verticle columns of unequal widths)

MORE ABOUT THE FLOAT TECHNIQUE

You can structure pages using the following CSS...

About Positioning of Divs

3 DIFFERENT WAYS TO CODE CSS

Make a CSS style sheet and attach it. Put CSS in head portion of HTML code. Place it in line <style=______> X, Y, Z