Session 05 - CSS and Layouts

Harvard Extension School  
Fall 2020

Course Web Site: https://cscie12.dce.harvard.edu/

Topics

  1. Fonts
  2. CSS Normalize and Reset
  3. CSS and Layouts
  4. CSS Flex
  5. Responsive Layouts

Session 05 - CSS and Layouts, slide1
Fonts, slide2
Font - @font-face, slide3
Font - Include through link element, slide4
Font Resources, slide5
CSS Normalize and Reset, slide6
CSS "Reset", slide7
CSS from Eric Meyer for "Reset", slide8
CSS Normalize, slide9
CSS and Layouts, slide10
CSS for Page Layout: Fixed Width, slide11
Fluid / Liquid Layouts, slide12
More complex layouts, slide13
CSS Flex, slide14
flex-basis, slide15
flex-grow and flex-shrink, slide16
Flex, slide17
Responsive Layouts, slide18
Responsive Web Design: CSS Media Query, slide19
Responsive Web Design, slide20

Presentation contains 20 slides