Session 06 - CSS - Specificity, Navigation, Techniques

Harvard Extension School  
Fall 2020

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

Topics

  1. Best Practices
  2. CSS Cascade and Inheritance and Conflicting Rules
  3. CSS "Print" stylesheets
  4. Navigation Systems
  5. CSS and Lists for Navigation
  6. Navigation and Lists
  7. Lists as Side Navigation
  8. Dropdown Menus
  9. Breadcrumb Navigation
  10. CSS Rounded Borders
  11. CSS Shadows
  12. CSS Gradients

Session 06 - CSS - Specificity, Navigation, Techniques, slide1
Best Practices, slide2
CSS Cascade and Inheritance and Conflicting Rules, slide3
Cascade: Setup, slide4
Cascade: Stylesheet Origin, slide5
Cascade: Specificity, slide6
CSS "Print" stylesheets, slide7
media selector, slide8
Navigation Systems, slide9
Harvard College, slide10
Breadcrumb Navigation, slide11
Clamshell navigation, slide12
Dropdown/Popout Menus, slide13
Multiple Navigation Modes, slide14
CSS and Lists for Navigation, slide15
Navigation and Lists, slide16
The "display" property, slide17
display: none, slide18
Inline Lists, slide19
Lists as Horizontal Navigation, slide20
Lists as Side Navigation, slide21
Lists as Navigation, slide22
Dropdown Menus, slide23
Dropdown Menus, slide24
Dropdown Menus: Vertical, slide25
Breadcrumb Navigation, slide26
Breadcrumbs with a flat list, slide27
CSS Rounded Borders, slide28
CSS Shadows, slide29
box-shadow, slide30
Text Shadow, slide31
Opacity - RGBA - red, green, blue, alpha, slide32
CSS Gradients, slide33
linear-gradient, slide34
radial-gradient, slide35

Presentation contains 35 slides