copyright © CSSPG, lud February 28 1999

 for practical use of CSS

Welcome to the CSS Pointers Group Notafaq

this document is located at...
<URI:http://css.nu/examples/external.html>

  External Style 

An external style sheet is one saved with the extension .css which contains declarations used in all linked files.

The style sheet for this site is provided below as an example of the use of external style sheets.

HR {
  clear: both;
	color: #cc3333
}

SMALL {
  font-size: x-small
}

STRONG {
  font-weight: bolder;
}

IMG.logo {
  float: left;
  margin: 0;
  width: 117px;
  height: 68px
}

H1 {
  float: right;
  color: #3333cc;
  font-family: sans-serif;
  font-size: 1.2em;
  margin-right: 12px;
  text-align: right
}

H2 {
  clear: both;
  color: #3333cc;
  font-family: sans-serif;
  font-size: 1.0em;
  margin: 4em 12px 0 0;
  text-align: right
}

H3 {
  border: solid 3px #cc3333;
  background: #cccccc; color: #3333cc;
  font-family: sans-serif;
  font-size: 1.2em;
  margin: 1em 12px 0 12px;
  padding: 4px 3px 4px 3px;
  text-align: center
}

DIV.list {
  margin-left: 4em
}

UL {
  font-family: sans-serif;
  font-size: 1.1em
}

UL UL {
  font-size: 0.85em
}

UL UL UL {
  font-size: 0.9em
}

LI {
  margin: 0.3em 0 0 0
}

LI.toc1 {
  list-style: url(site-graphics/sdi-bl.gif) square
}

LI.toc2 {
  list-style: url(site-graphics/sdi-rd.gif) disc
}

LI.toc3 {
  list-style: url(site-graphics/sdi-gr.gif) circle
}

P.intro1 {
  clear: both;
  font-size: 1em;
  margin: 0.5em 12px 0 12px;
  text-align: justify
}

P.intro2 {
  clear: both;
  font-size: 1em;
  margin: 0.5em 12px 0 12px;
  text-align: justify;
  text-indent: 1em
}

P.epilog1 {
  clear: both;
  font-size: 1em;
  margin: 0.5em 12px 0 12px;
  text-align: justify;
  text-indent: 0
}

P.epilog2 {
  clear: both;
  font-size: 1em;
  margin: 0.5em 12px 0 12px;
  text-align: justify;
  text-indent: 1em
}

P.reward {
  background: #cccccc;
  border: solid 3px #cc3333;
  clear: both;
  margin: 0.5em 30% 0 30%;
  padding: 12px 3em 8px 3em;
  text-align: center
}

.last-upd {
  font-family: sans-serif;
  margin: 0 12px 0 0;
  text-align: right
}

.pagehead {
  color: #3333cc;
  font-family: sans-serif;
  font-size: 0.9em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left
}

.navlnk {
  color: #000000;
  font-size: 1em;
  font-weight: bold;
  margin: 1em 12px 0 12px
}

.doc-foot {
  font-family: sans-serif;
  font-size: 0.9em;
  margin: 0 0 1em 0;
  text-align: center
}

.foot-limg {
  border-style: none;
  float: left;
  margin: 1em 0 0 12px
}

.foot-rimg {
  border-style: none;
  float: right;
  margin: 1em 12px 0 0
}

.warning {
  background: #cc3333;
}

.notagifie3 {background: #cc3333;
             color: white;
             font-size: x-small;
		         font-weight: bold;
} 
.notagifie4  {background: #3333cc;
             color: white;
             font-size: x-small;
		         font-weight: bold;
} 
.notagifnn   {background: #cccccc;
             color: black;
             font-size: x-small;
		         font-weight: bold;
} 
.notagifie5  {background: #33cccc;
             color: white;
             font-size: x-small;
		         font-weight: bold;
} 

CSS Pointers Navigation

Index · Browser Bugs · Books · Tools · DHTML · XSL & DSSSL

Main Site Navigation

Index · Articles · Examples · Experiments · FAQ · Markup · Styles · Who is?

CSSPG ~ Sue ~ Roland