Session 04 - CSS

Harvard Extension School  
Spring 2021

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

Topics

  1. Character Sets and Unicode and Encoding
  2. Anatomy of a CSS Rule
  3. Box Model or Block Model
  4. Float
  5. Display: block, inline
  6. Backgrounds
  7. Lists
  8. CSS Selectors
  9. CSS Colors
  10. Fonts
  11. CSS Best Practices
  12. CSS Rules and Specificity

Session 04 - CSS, slide1
Character Sets and Unicode and Encoding, slide2
Unicode, slide3
Unicode and Codepoints and HTML, slide4
Anatomy of a CSS Rule, slide5
CSS Mechanics - Binding Styles to Markup, slide6
Box Model or Block Model, slide7
margin, padding, border, slide8
border-style, slide9
Margin, Padding, Border Example, slide10
TRBL for padding and margin shorthand, slide11
Float, slide12
Float, slide13
Float and Clear, slide14
Float and Clear, slide15
Float and Clear!, slide16
How to get image to be contained in box?, slide17
Float Opposite, slide18
Float and an adapable table-like presentation, slide19
Float adapable table-like presentation, slide20
Display: block, inline, slide21
Backgrounds, slide22
Backgrounds, slide23
Backgrounds - Icons, slide24
Backgrounds, slide25
Lists, slide26
Lists that don't look like lists, slide27
CSS Selectors, slide28
Pseudo-Classes and Elements, slide29
Link Pseudo Classes, slide30
input:focus, slide31
CSS Colors, slide32
Colorpicker, slide33
Colors, slide34
Fonts, slide35
Font - @font-face, slide36
Font - Include through link element, slide37
Font Resources, slide38
CSS Best Practices, slide39
Beware of Divitis and Classitis, slide40
Avoid Divitis, Classitis, Tagitis, etc., slide41
CSS Rules and Specificity, slide42

Presentation contains 42 slides