Session 03 - Introduction to CSS

Harvard Extension School  
Fall 2023

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
Box Model revealed in your Browser, slide29
margin, padding, border, slide30
border-style, slide31
TRBL for padding and margin shorthand, slide32
Colors, slide33
Color and Palette Pickers, slide34
Backgrounds, slide35
Hypertext Links, slide36
Fonts, slide37
font-family, slide38
font-style, slide39
font-variant and font-weight, slide40
font-size, slide41
Font Sizes: Relative vs. Absolute, slide42
"font" shorthand property, slide43
Web Fonts - Include through CSS link element, slide44
Font Pairings, slide45
text properties, slide46

Presentation contains 46 slides