# Session 05 - CSS, Part 3 - plus some HTML bits

Harvard Extension School
Fall 2023

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

### Topics

1. CSS Review
2. HES CSS Assignment
3. Client-side Web Parts: Structure, Style, Function
4. CSS Specificity
5. CSS Flexbox
6. Flex and Simple Layouts
7. Continuing an Example - Solar System
8. Fonts
9. CSS Remedy, Normalize, and Reset
10. Forms - Basic
11. Accessibility: Label Element
12. HTML5 forms
13. Tables
14. Accessibilty of Tables

Session 05 - CSS, Part 3 - plus some HTML bits, slide1
CSS Review, slide2
HES CSS Assignment, slide3
Client-side Web Parts: Structure, Style, Function, slide4
CSS Guides and Reference and Tools, slide5
Anatomy of a CSS Rule, slide6
class selectors, slide7
Contextual Selectors, slide8
CSS Specificity, slide9
CSS Flexbox, slide10
Contrasting CSS Flexbox and Grid, slide11
CSS Flexbox, slide12
Flex and Simple Layouts, slide13
Continuing an Example - Solar System, slide14
Fonts, slide15
Font - Include through link element, slide16
Font Resources, slide17
CSS Remedy, Normalize, and Reset, slide18
Forms - Basic, slide19
Forms, slide20
Forms, slide21
form, slide22
HTTP Method: Get vs. Post, slide23
Text Field, slide24
Radio Buttons, slide25
Checkbox, slide26
Textarea, slide27
Select and Option, slide28
Accessibility: Label Element, slide29
Accessibility: Label Element, slide30
Label Element - using id, label, for, slide31
Labels, slide32
fieldset and legend, slide33
optgroup, slide34
HTML5 forms, slide35
HTML5: email and url, slide36
HTML5: number and range, slide37
HTML5: date and time, slide38
submit.php — it can do more!, slide39
Tables, slide40
A Simple Table, slide41
Adding thead, tfoot, tbody, caption, and summary, slide42
Benefits of Semantics, slide43
Using "col" and "colgroup", slide44
Accessibilty of Tables, slide45
Accessibility using "headers", slide46
What can we do now that relationship is clear?, slide47

Presentation contains 47 slides

- img
- img
- img
- img
- img