<html>
<head>
<title>Abakada HTML Demo: Dynamic Styles Sample</title>
<link rel="stylesheet" type="text/css" href="cssdemo.css">
<script language="JavaScript" src="cssdemo.js"></script>
</head>
<body>
<center>
<table class=dmenu border=0 cellpadding=3 cellspacing=6 width=100%>
<tr align=center>
<td><a href="javascript: chkNav ( 'stylea ( )' )">Style A</a></td>
<td><a href="javascript: chkNav ( 'styleb ( )' )">Style B</a></td>
<td><a href="javascript: chkNav ( 'stylec ( )' )">Style C</a></td>
<td><a href="#" onmouseover="status='Exit and close this window';return true" onclick="self.close ( );return false">Exit</a></td></tr>
</table>
<table border=0 cellpadding=0 cellspacing=0 id=test width="92%">
<tr>
<td class="back" colspan=3 valign=top>
<h2>Choose Your Style</h2>
<p class=para>A style sheet is a file which tells a browser how to render a page. You can think of it like a template, that allows us to specify generally how and where something is presented, in a simpler and more efficient way than we can with HTML. </p>
<p class=para>This example demonstrates how easy it is to apply different styles from different style templates to different elements in the same page. </p>
<h3>Advantages</h3>
<p class=para>Keeping styles defined in a separate file has distinct advantages. </p>
<ul class=list>
<li>a single style sheet can be used for any or all documents in a Web;
<li>writing format definitions in a single file reduces the amount of code on individual pages; and less data to be transmitted and parsed means faster download time;
<li>a style sheet simplifies site maintenance: a style change to any or all elements in a Web needs only a change in the style sheet;
<li>style sheets can be used to establish conventions within a series of publications, that tie a given look to documents of related content, essential to effective communication;</li>
</ul>
</center>
<hr size=1 width=92%>
<div align="center" clas="small"><!-- #include virtual="~/shared/viewsrc.inc" --></div>
<br>
</body>
</html>