Cascading Style Sheets

I have found that the best environment to edit Cascading Style Sheets (CSS) is in MS Visual InterDev. There are many that do not agree (and they are entitled to their opinion). I like the way it shows examples.

This is the CSS that is used for the entire BARASCH.COM domain.

Cascading Style Sheets Examples -- This is TH
    BODY
    {
    FONT-FAMILY: Georgia, Arial, helv;
    }
    P
    {
    MARGIN-BOTTOM: 10px;
    MARGIN-TOP: 5px
    }
    H1
    {
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: maroon;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 0em;
    TEXT-ALIGN: left
    }
    H2
    {
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: navy;
    FONT-FAMILY: "Comic Sans MS",Arial,Helvetica;
    FONT-STYLE: oblique;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 0em
    }
    H3
    {
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: Blue;
    FONT-FAMILY: Georgia, "Times New Roman", serif;
    FONT-WEIGHT: bold;
    FONT-STYLE: oblique;
    italics;margin-bottom: 0em
    }
    H4
    {
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    COLOR: navy;
    FONT-FAMILY: Comic Sans MS,Arial,Helvetica;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 0em
    }
    UL
    {
    MARGIN-BOTTOM: 3px;
    MARGIN-TOP: 0px
    }
    OL
    {
    MARGIN-BOTTOM: 6px;
    MARGIN-TOP: 0px
    }
    LI
    {
    MARGIN-BOTTOM: 6px;
    MARGIN-TOP: 0px
    }
    DL
    {
    FONT-FAMILY: Georgia, Times New Roman,Arial,Helvetica;
    MARGIN-BOTTOM: 6px;
    MARGIN-TOP: 3px
    }
    DT
    {
    FONT-FAMILY: Avant Garde,Arial,Helv;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
    }
    DD
    {
    FONT-FAMILY: Georgia, Times, Serif;
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    }
    TH
    {
    BACKGROUND: #FF9966;
    COLOR: #996633;
    FONT-FAMILY: Comic Sans MS,Arial,Helvetica;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    align: center
    }
    HR
    {
    COLOR: navy;
    HEIGHT: 3px
    }
    STRONG
    {
    COLOR: navy
    }
    
    A:Hover
    {
    COLOR: red;
    FONT-WEIGHT: bold
    }
    H5
    {
    COLOR: purple;
    FONT-FAMILY: Verdana, Arial, Helv
    }
    H6
    {
    BACKGROUND-COLOR: olive;
    COLOR: silver;
    FONT-FAMILY: com, Arial
    }
Body

H1 Example

H2 Example

H3 Example

H4 Example

H5 Example

Ordered List

  1. Item 1
  2. Item 2

Un-Ordered List

  • Item 1
  • Item 2
H6 Example
Definition List DT
Definition List DD

Horizontal Rule


Strong or Bold

Syntax to call the stylesheet:

<link rel="STYLESHEET" type="text/css" href="http://css.barasch.com/style.css">

This line should be in the <HEAD>xxx</HEAD> of the document.

Updated:  09 April, 2006 12:41:01