Reading 08

ch 15 CSS layout

• fixed layouts
  • no changes to size
  • content stays the same size as browser size increases or decreases
• liquid layouts
  • content will move with the size of the browser
• grid structures are used as a sort of layout, a good way to get a sort of template

DIV

• using div elments help contain certian groups of content
  • can use this to style groups of content together

    generally pages kept between 960px and 1000 px

    using multiple style sheets

• some authors use multiple style sheet
• one style sheet may be for tables
• one may be for text, etc etc

  screen sizes

• keeep in mind that some users wont be on a laptop
  • may be using phone, may be on a XL monitor

    columns

• use floats to get multiple columns on a page
• set the width of each column to make sure they can fit across the page
• float postion the same way (all columns left)
• make a margin inbetween columns
• Duckett, J.(2014). HTML&CSS