Basics of using CSS

2 Ways To Use

To use a separate file that contains your CSS:

<LINK href="training.css" rel="stylesheet" type="text/css">

To not use a separate file but instead but CSS in your page:

<style type="text/css">
a:active     { text-decoration:none  }
a:link       { text-decoration:none }
a:visited    { text-decoration:none }
a:hover      { text-decoration:underline }
</style>

To make a comment:
/*This is a comment*/


To reference an ID tag use a #:

#menu  {color:white}

<div id="menu">

Or subparts:

#menu p {color:white}

To reference a class:

.glossymenu {
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

<div class="glossymenu">


To reference a table ID:

table#example {            }

<table id="example">

To reference major portions of a page/site:

body {        }

h3  {   }
h2  {   }
h1  {   }

To make rounded corners:

-moz-border-radius: 15px 0px 0px 0px;
border-radius: 15px 15px 0px 0px;


To center a <div> on a page:

body { text-align:center}

Your inner div:

text-align: left;
width: 700px;
margin: 0 auto;

Miscellaneous common steps:

To fix issue where container div doesn't go all the way down on page:
<div style="clear:both;"></div>

To remove blue border around image with a link:
img {border-style:none;}




OTHER WEBSITES FOR REFERENCE: