. . . . 90
Styling semantic markup: A modern example with sans-serif fonts . . . . . . . . . 92
Styling semantic markup: A traditional example with serif fonts and
a baseline grid . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
Creating drop caps and pull quotes using CSS . . . . . . . . . . . . . . . . . . . . . . . 98
Creating a drop cap using a CSS pseudo-element . . . . . . . . . . . . . . . . . . . 98
Creating a drop cap with span elements and CSS . . . . . . . . . . . . . . . . . . 100
Creating pull quotes in CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
Using classes and CSS overrides to create an alternate pull quote . . . . . . . . . 105
Adding reference citations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
CONTENTS
vii
Working with lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
Unordered lists. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
Ordered lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
Definition lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
Nesting lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108
Styling lists with CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108
list-style-image property .
Pages:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25