| |
|
1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
| |
|
2 |
<HTML> |
| |
|
3 |
<HEAD> |
| |
|
4 |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
| |
|
5 |
<title>CSS example page</title> |
| |
|
6 |
<script language="JavaScript" type="text/javascript"> |
| |
|
7 |
if (navigator.appName == "Netscape"){ |
| |
|
8 |
if (navigator.appVersion.indexOf ("5.0") != -1) { |
| |
|
9 |
document.writeln ('<LINK REL="StyleSheet" HREF="/templates/css/oacs_ns6.css" type="text/css">'); |
| |
|
10 |
} |
| |
|
11 |
else { |
| |
|
12 |
document.writeln ('<LINK REL="StyleSheet" HREF="/templates/css/oacs_ns4.css" type="text/css">'); |
| |
|
13 |
} |
| |
|
14 |
} |
| |
|
15 |
else { |
| |
|
16 |
document.writeln ('<LINK REL="StyleSheet" HREF="/templates/css/oacs_ie5.css" type="text/css">'); |
| |
|
17 |
} |
| |
|
18 |
</script> |
| |
|
19 |
<noscript> |
| |
|
20 |
<LINK REL="StyleSheet" HREF="/templates/css/oacs_all.css" type="text/css"> |
| |
|
21 |
</noscript> |
| |
|
22 |
</HEAD> |
| |
|
23 |
|
| |
|
24 |
<BODY BGCOLOR="#ffffff" TEXT="#000000" link="#006699" |
| |
|
25 |
alink="#0066cc" vlink="#003399"> |
| |
|
26 |
|
| |
|
27 |
<br> |
| |
|
28 |
<table align="center"> |
| |
|
29 |
<tr> |
| |
|
30 |
<td align="center"> |
| |
|
31 |
<h1>THE RULES</h1> |
| |
|
32 |
<p>P tags are not to be used for the purpose of line breaks. |
| |
|
33 |
<br>Closing </P> tags are required. |
| |
|
34 |
<br>Use <BR> tags for line breaks. |
| |
|
35 |
<br><br> |
| |
|
36 |
The following classes may be used in many elements, including these common ones: |
| |
|
37 |
<br>SPAN |
| |
|
38 |
<br>DIV |
| |
|
39 |
<br>TD |
| |
|
40 |
<br>TH |
| |
|
41 |
<br>INPUT |
| |
|
42 |
<br>SELECT |
| |
|
43 |
<br><br>however, nesting classes<br> |
| |
|
44 |
<TD class="small"><span class="light"> |
| |
|
45 |
<span class="small"><span class="light">now i am very small</span></span> |
| |
|
46 |
</span></td><br> |
| |
|
47 |
may alter text sizes. |
| |
|
48 |
</p> |
| |
|
49 |
|
| |
|
50 |
<h1>heading one (or span class="one")</h1> |
| |
|
51 |
<h2>heading two (or span class="two")</h2> |
| |
|
52 |
|
| |
|
53 |
<h3>heading three (or span class="three")</h3> |
| |
|
54 |
<h4>heading four (or span class="four")</h4> |
| |
|
55 |
|
| |
|
56 |
|
| |
|
57 |
|
| |
|
58 |
|
| |
|
59 |
<span class="reg">span class="reg" -- span class="reg" -- span class="reg"</span> |
| |
|
60 |
<br><br> |
| |
|
61 |
|
| |
|
62 |
<span class="small">span class="small" -- span class="small" -- span class="small"</span> |
| |
|
63 |
<br><br> |
| |
|
64 |
<span class="footer">span class="footer" -- span class="footer" -- span class="footer"</span> |
| |
|
65 |
<br><br> |
| |
|
66 |
<span class="light">span class="light" -- span class="light"</span> |
| |
|
67 |
<br><br> |
| |
|
68 |
|
| |
|
69 |
<span class="nosize">class=nosize</span> |
| |
|
70 |
<br><br> |
| |
|
71 |
|
| |
|
72 |
<span class="button">within a form field, just class="button"</span> |
| |
|
73 |
<br><br> |
| |
|
74 |
|
| |
|
75 |
|
| |
|
76 |
<span class="blue">span class="blue" -- span class="blue" -- span class="blue"</span> |
| |
|
77 |
<br><br> |
| |
|
78 |
|
| |
|
79 |
<span class="pink">span class="pink" -- span class="pink" -- span class="pink"</span> |
| |
|
80 |
<br><br> |
| |
|
81 |
<span class="reg"><a href="#" class="top">link with class="top" in "A" tag</a></span> |
| |
|
82 |
<br><br> |
| |
|
83 |
<span class="reg"><a href="#">regular link, no class</a></span> |
| |
|
84 |
<br><br> |
| |
|
85 |
<span class="reg"><a class="noline" href="#">link with class="noline" in "A" tag</a></span> |
| |
|
86 |
<br><br> |
| |
|
87 |
</td> |
| |
|
88 |
</tr> |
| |
|
89 |
</table> |
| |
|
90 |
</body> |
| |
|
91 |
</html> |
