-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathCSS-text-properties.html
58 lines (56 loc) · 1.5 KB
/
CSS-text-properties.html
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CSS Text Properties</title>
<style>
/*embedding web fonts*/
@font-face {
font-family: 'Lobster';
src: local('Lobster'), url('lobster.woff') format('woff');
}
body {
color: #555;
font: 19px/20px 'Lemonada', 'Helvetica Neue', Helvetica, Arial,
sans-serif;
}
a {
text-decoration: none; /*removes underline*/
}
a:hover {
color: blueviolet;
}
h2 {
font-size: 24px;
letter-spacing: 0.2em;
}
.txt {
text-shadow: 3px 5px 4px rgba(220, 20, 60, 0.521);
word-spacing: 3px;
text-transform: uppercase;
}
.info {
color: #9799a7;
font-family: Georgia, Times, 'Times New Roman', serif;
font-style: italic;
margin-bottom: 28px;
}
.info a {
text-decoration: underline;
}
</style>
</head>
<body>
<h2><a href="#">Be a pace bowler!</a></h2>
<p class="txt">
Shoaib Akhtar is considered to be the fastest bowler in the world.
</p>
<p class="info">
Pace bowler is one of two main approaches to bowling in the sport of
cricket, the other being spin bowling. Practitioners of pace bowling are
usually known as fast bowlers, quicks, or pacemen.
<a href="#">Continue…</a>
</p>
</body>
</html>