Cascading Style Sheets Example


Below is the coding for the CSS example page.

To see/check the result go to: CSS example page.

Sample Code:

<STYLE TYPE="text/css"> <!-- body { text-decoration: none; color: navy; font-family: "arial"; font-size: 12pt; font-weight: medium; } .title { text-decoration: bold; color: green; font-family: "ms sans serif"; font-size: 24pt; font-weight: heavy; } .bold { text-decoration: bold; color: black; font-family: "courier, arial"; font-size: 14pt; font-weight: heavy; } a:link { text-decoration: none; color: red; font-family: "ms sans serif"; font-size: 12pt; font-weight: heavy; } .head { color: #000000; font-family: "ms sans serif"; font-size: 35px; margin-top: 35px; margin-left: 28px; } .foo { text-decoration: underline; color: #00FF00; font-family: "courier"; font-size: 14pt; font-weight: heavy; } --> </STYLE> <BODY BGCOLOR="#FFFFFC"> <DIV ALIGN=CENTER CLASS="title">Cascading Style Sheet Examples</DIV> <DIV CLASS="head">Head text</DIV> <P> <P> View source for coding or<BR> <A HREF="css.htm">go to the CSS example page</A> <P> Non-foo text. <SPAN CLASS="foo">Foo Text :-)</SPAN> More non-foo text. <P> <B>"Regularly" Bolded Text</B> <P> <SPAN CLASS="bold">CSS Bolded Text</SPAN>

|Title Page| |Basic Template|
|Color| |Dynamic HTML/Layers| |Form Tags| |Frame Tags| |HTML Entities / ISO Characters|
|Image Tags| |Link Tags| |List Tags| |Other Spacing / Layout Tags| |Rule Tags| |Sound Tags|
|Style Sheets| |Table Tags I| |Table Tags II| |Text Tags| |Bibliography / Resources| |Index|


© David Merchant 1997-2001.
<