Home Our Portfolio of Customers Informational Resources and Links Contact Us
Sampson4 - Javascript
Cascading Style Sheets (CSS)
Getting Started:
Cascading Style Sheets (CSS) allow you to predefine styles that can be used on multiple HTML pages or to define styles for use within a single HTML page. You can define the attributes of existing HTML tags such as H1-H6, body, etc. or create your own styles.

CSS is a powerful tool which can minimize the amount of code on a page while maximizing the ease with which design is accomplished.

Stylesheets may be defined at the top of an HTML page for use within the page or as an external file to be called by each HTML page. The latter allows you to modify a single file and effect the display of an entire site or set of HTML pages.

Here are samples of CSS style definitions for standard HTML tags.
    BODY {background-color: #000000}
    A:link{color:#FFFFFF}
    A:visited{color:#FFFFFF}
    A:active{color:#FFFFFF}
    H1 {font-size:28pt; line-height:28pt; color:#ff3300; font-weight: bold}
    H2 {font-size:22pt; line-height:22pt; color:#000000; font-weight:bold; font-style:italic}
    H3 {font-size:18pt; line-height:18pt; color:#009933; font-weight:bold; font-style:normal}
    H4 {font-size:14pt; line-height:14pt; color:#00080; font-weight: bold; font-style:normal}
    H5 {font-size:8pt; line-height: 8pt; color:#0000FF; font-weight: bold; text-align:center}
    H6 {font-size:8pt; line-height: 8pt; color:# FF9999; font-weight: bold}
    P {line-height: normal}
Font attributes may be defined individually (as above) or in a single call:
    H6 {font:12px Arial,Helvetica,sans serif bold #cc0000;}

To place the call to the CSS file within a page, place this code in HTML:
    <link rel="stylesheet" href="stylesheet.css" type="text/css">
where "stylesheet.css" is the name and path to the stylesheet.

For more in-depth, look up CSS stylesheets on the internet or pick up a book at your local bookstore. It's always good to have a handy reference at hand for CSS coding.