Head First html and css

table
 
of
 
contents
body
html
title
head
style
meta
h1
p
h2
p
p
img
a
em
a

---

xvii
8
Expanding Your Vocabulary
styling with fonts and colors
Your CSS language lessons are coming along nicely. 
You 
already have the basics of CSS down, and you know how to create CSS rules to 
select and specify the style of an element. Now it’s time to build your vocabulary, 
and that means picking up some new properties and learning what they can do 
for you. In this chapter we’re going to work through some of the most common 
properties that affect the display of text. To do that, you’ll need to learn a few 
things about fonts and color. You’re going to see you don’t have to be stuck with 
the fonts everyone else uses, or the clunky sizes and styles the browser uses as 
the defaults for paragraphs and headings. You’re also going to see there is a lot 
more to color than meets the eye. 
1
2
3
4
5
6
7 8
9
A
B
C
D
E
10 11
F
12
13
14
15
0
Text and fonts from 30,000 feet 
 
 
 
312
What is a font family anyway? 
 
 
 
314
Specifying font families using CSS 
 
 
 
317
Dusting 
off
Tony’s 
journal 
318
How do I deal with everyone having different fonts? 
 
321
How Web Fonts work
 
 
 
 
323
How to add a Web Font to your page…
 
 
325
Adjusting 
font 
sizes 
328
So, how should I specify my font sizes?
 
 
330
Let’s make these changes to the font sizes in Tony’s web page 
332
Changing 
a 
font’s 
weight 
335
Adding style to your fonts 
 
 
 
 
337
Styling Tony’s quotes with a little italic
 
 
338
How do web colors work? 
 
 
 
 
340
How do I specify web colors? Let me count the ways… 
 
343
The two-minute guide to hex codes 
 
 
 
346
How to find web colors 
 
 
 
 
348
Back to Tony’s page…
 
 
 
 
351
Everything you ever wanted to know about text-decorations
353
Removing 
the 
underline… 
354
Exercise 
Solutions 
357