Inline CSS
<p style="background: #660066; text-decoration: underline; color: white;">Inline CSS Sample</p>
Internal CSS
<html> <head> <style type="text/css"> h5 { text-align: center; text-decoration: underline; text-transform: capitalize; } </style> </head> <body> <!-- Page content --> <!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> </html>
External CSS File
<HEAD> <LINK REL=stylesheet TYPE="text/css" HREF="filename.css"> </HEAD>
Text Properties
<style type="text/css"> h5 { text-align: center; text-decoration: underline; text-transform: capitalize; } </style>
Font Properties
<style type="text/css"> .sample { font: italic small-caps 900 14px tahoma } </style>
Color and Background
<body background="graphic.jpg" text="#FFFFFF" bgcolor="#000000">
Hyperlink Colors
<style type="text/css"> a:link { color: #999999; } a:visited { color: #FFFFFF; } a:hover { color: #CCCCCC; background-color: #333333; text-decoration: none; } a:active { color: #333333; } </style>
Margin
<style type="text/css"> p.sample {margin: 1em 2em 3em 4em} /* top margin 1em, right margin 2em, bottom margin 3em, left margin 4em */ </style>
Padding
<style type="text/css"> {padding: 5px 10px 5px 10px; } </style>
List Properties
<style type="text/css"> ul { list-style: square inside url("images/cl.gif") } </style>
Display
<style type="text/css"> a { display: block; } p { display: inline; } </style>
|
