Session 05 - CSS and Layouts

Harvard Extension School  
Spring 2021

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

Topics

  1. CSS Rules and Specificity
  2. CSS Colors
  3. Fonts
  4. CSS Normalize and Reset
  5. CSS and Layouts
  6. CSS Flexbox and Grid
  7. CSS Flexbox
  8. Solar System
  9. Responsive Layouts

Session 05 - CSS and Layouts, slide1
CSS Best Practices, slide2
CSS Best Practices, slide3
Beware of Divitis and Classitis, slide4
Avoid Divitis, Classitis, Tagitis, etc., slide5
CSS Rules and Specificity, slide6
CSS Selector Specificity, slide7
CSS Best Practices, slide8
CSS Best Practices, slide9
Beware of Divitis and Classitis, slide10
Avoid Divitis, Classitis, Tagitis, etc., slide11
CSS Colors, slide12
Colorpicker, slide13
Colors, slide14
Fonts, slide15
Font - @font-face, slide16
Font - Include through link element, slide17
Font Resources, slide18
CSS Normalize and Reset, slide19
CSS "Reset", slide20
CSS from Eric Meyer for "Reset", slide21
CSS Normalize, slide22
CSS and Layouts, slide23
CSS Flexbox and Grid, slide24
CSS Flexbox, slide25
flex-basis, slide26
flex-grow and flex-shrink, slide27
Flex, slide28
Solar System, slide29
Responsive Layouts, slide30
Responsive Web Design: CSS Media Query, slide31
Responsive Web Design, slide32

Presentation contains 32 slides