1. Lesson 5 Topic B – Basic Text & Fonts www.profburnett.com
GPO HTML5
Lesson 5
Topic B – Basic Text & Fonts

2. Copyright © Carl M. Burnett
Section Outline
Working with Text
4/25/2019
Copyright © Carl M. Burnett

3. Copyright © Carl M. Burnett
Working with Text
Font Families
Serif – Times New Roman
San Serif - Arial
Monospace – Courier New
Cursive – Lucida Handwriting
Fantasy - Impact
4/25/2019
Copyright © Carl M. Burnett

4. How to Specify a Font Family
font-family: Arial, Helvetica, san-serif;
font-family: “Times New Roman”, Times, serif;
font-family: “Courier New”, Courier, monospace;
4/25/2019
Copyright © Carl M. Burnett

5. How to Specify a Font Size
font-size: 12 pt;
font-size: 150%
font-size: 1.5 em;
4/25/2019
Copyright © Carl M. Burnett

6. Other Font Styling Properties
font-style: normal | italic | oblique | initial | inherited
font-weight: normal | bold | bolder | lighter | number | initial | inherited
font-variant: normal | small-caps | initial | inherited
line-height: normal | number | length | % | initial | inherited
4/25/2019
Copyright © Carl M. Burnett

7. Indenting and Aligning Text
text-indent: length| % | initial | inherited
text-align: center | right | left
vertical-align: length | % | baseline | sub | super | top | text-top | middle | bottom | text-bottom | initial | inherited
4/25/2019
Copyright © Carl M. Burnett

8. Copyright © Carl M. Burnett
Decorating Text
text-transform: none | capitalize | uppercase | lowercase | initial | inherited;
text-decoration: none | underline | overline | line-through | initial | inherited;
4/25/2019
Copyright © Carl M. Burnett

9. Copyright © Carl M. Burnett
Text Shadows
text-shadow: h-shadow | v-shadow | blur | color | none | initial | inherited;
4/25/2019
Copyright © Carl M. Burnett

10. Copyright © Carl M. Burnett
Student Exercise Unit 3
Topic B1 – B3
4/25/2019
Copyright © Carl M. Burnett

11. Copyright © Carl M. Burnett
Class Review
Working with Text
Next – Lesson 5
Topic C - CSS Box Model
4/25/2019
Copyright © Carl M. Burnett