Session 04 - CSS, Part 2

Harvard Extension School  
Fall 2021

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

Topics

  1. Anatomy of a CSS Rule
  2. Box Model or Block Model
  3. CSS Selectors
  4. CSS Best Practices
  5. CSS Rules and Specificity
  6. CSS Colors
  7. Lists
  8. Fonts
  9. CSS Flexbox and Grid
  10. CSS Flexbox
  11. Float

Session 04 - CSS, Part 2, slide1
Anatomy of a CSS Rule, slide2
CSS Mechanics - Binding Styles to Markup, slide3
Box Model or Block Model, slide4
Use "Inspect" to turn your browser into a web development tool!, slide5
CSS Selectors, slide6
Pseudo-Classes and Elements, slide7
Link Pseudo Classes, slide8
CSS Best Practices, slide9
CSS Rules and Specificity, slide10
CSS Selector Specificity, slide11
CSS Colors, slide12
RGB Color Space, slide13
HSL Color Space, slide14
Colorpicker, slide15
Colors — Exploring Colors and Themes and Palettes, slide16
Lists, slide17
Lists with different "markers", slide18
Lists that don't look like lists, slide19
Horizontal navigation: A more complete example, slide20
Horizontal Navigation - another example, slide21
Fonts, slide22
Font - Include through link element, slide23
Font Pairing, slide24
Font Resources, slide25
CSS Flexbox and Grid, slide26
CSS Flexbox, slide27
flex-basis, slide28
flex-grow and flex-shrink, slide29
Flex and Wrap, slide30
Flex and Simple Layouts, slide31
Float, slide32
Float, slide33
Float, slide34
Backgrounds - text replacement with an image, slide35

Presentation contains 35 slides