Session 03 - Introduction to CSS

Harvard Extension School  
Fall 2022

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

Topics

  1. CSS Mechanics - rules and selectors
  2. Basic Selectors - elements, class, id
  3. CSS Properties and Values
  4. Starting off with CSS
  5. Working an Example
  6. Box Model or Block Model
  7. Colors
  8. Backgrounds
  9. Hypertext Links
  10. Fonts

Session 03 - Introduction to CSS, slide1
Client-side Web Parts: Structure, Style, Function, slide2
Styles, slide3
Different Styles for The United States Constitution, slide4
University of Colorado - Boulder, slide5
Responsive Web Design, slide6
CSS Guides and Reference , slide7
CSS Mechanics - rules and selectors, slide8
Anatomy of a CSS Rule, slide9
Simple CSS Example, slide10
CSS Mechanics - Binding Styles to Markup, slide11
style attribute, slide12
style element, slide13
link element, slide14
Combining Rules, slide15
Combining Selectors, slide16
Basic Selectors - elements, class, id, slide17
class selectors, slide18
id selectors, slide19
Contextual Selectors, slide20
CSS Properties and Values, slide21
Inheritance, slide22
Browsers (User-Agents) have a default stylesheet, slide23
Starting off with CSS, slide24
Working an Example, slide25
What do we see as the underlying markup?, slide26
Here's some text to start us out, slide27
Box Model or Block Model, slide28
margin, padding, border, slide29
border-style, slide30
TRBL for padding and margin shorthand, slide31
Colors, slide32
Color and Palette Pickers, slide33
Backgrounds, slide34
Hypertext Links, slide35
Fonts, slide36
font-family, slide37
font-style, slide38
font-variant and font-weight, slide39
font-size, slide40
Font Sizes: Relative vs. Absolute, slide41
"font" shorthand property, slide42
Web Fonts - Include through CSS link element, slide43
Font Pairings, slide44
text properties, slide45

Presentation contains 45 slides