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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
<html>
<head>
<title>Example 1</title>
<style>
H1{ color: rgb(128,0,128) }
PRE { background-color: rgb(200,200,200) }
B {
background-color: rgb(128, 128, 255);
font-size: large;
}
I {
font-size: larger;
}
B I {
font-size: smaller;
}
LI B {
font-size: .25in;
}
UL LI {
color: green;
list-style: square outside url(resource:/res/samples/gear1.gif);
}
UL UL LI {
color: red;
}
H4 {
color: yellow;
background-image: url(gear1.gif);
background-repeat: repeat;
font-size: 150%;
}
</style>
<meta name="crc" content=48969488>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<h1>Example 1: CSS HTML Text Styles</h1>
<p><br></p>
<p>Note -- This document contains the following CSS declarations:</p>
<pre>H1 { color: rgb(128,0,128) }
PRE { background-color: rgb(200,200,200); }
B { background-color: rgb(128, 128, 255);
font-size: large; }
I { font-size: larger; }
B I { font-size: smaller; }
LI B { font-size: .25in; }
UL LI { color: green;
list-style: square outside url(resource:/res/gear1.gif);
//none; }
UL UL LI { color: red; }
H4 { color: yellow;
background-image: url(gear1.gif);
background-repeat: repeat;
font-size: 150%; }
</pre>
<p><br></p>
<p>Here is an example of <b>bold</b>, <i>italic</i> and <b><i>bold-italic</i></b></p>
<p><br></p>
<p>Some links to test pseudo-classes</p>
<p><a href="http://link">link</a></p>
<p><a href="http://visited">visited</a></p>
<p><a href="http://active">active</a></p>
<p><a href="http://hover">hover</a></p>
<h2>Bulleted List </h2>
<ul>
<li>One</li>
<li>Two
<ul>
<li>Apples</li>
<li>Oranges</li>
<li>Bananas</li>
</ul>
</li>
<li>Three <b>Bold Text</b></li>
</ul>
<p><br></p>
<h4>H3 -- A headline style, with a background image repeated and a font size increase
by 150%. H3 -- A headline style, with a background image repeated and a font
size increase by 150%. H3 -- A headline style, with a background image repeated
and a font size increase by 150%. </h4>
</body>
</html>
|
