# Session 03 - Introduction to CSS

Harvard Extension School
Fall 2024

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
Rule Specificity, slide23
Browsers (User-Agents) have a default stylesheet, slide24
Starting off with CSS, slide25
Working an Example, slide26
What do we see as the underlying markup?, slide27
Here's some text to start us out, slide28
Box Model or Block Model, slide29
Frames on a Wall, slide30
Box Model revealed in your Browser, slide31
margin, padding, border, slide32
border-style, slide33
TRBL for padding and margin shorthand, slide34
Colors, slide35
Color and Palette Pickers, slide36
Backgrounds, slide37
Hypertext Links, slide38
Fonts, slide39
font-family, slide40
font-style, slide41
font-variant and font-weight, slide42
font-size, slide43
Font Sizes: Relative vs. Absolute, slide44
"font" shorthand property, slide45
Web Fonts - Include through CSS link element, slide46
Font Pairings, slide47
text properties, slide48

Presentation contains 48 slides

- img
- img
- img
- img
- img