Originally, HTML included what's know as inline style tags.
These tags told the browser how to display the content on
the page. For example an inline style tag would be as follows:
<H1><font face="Verdana" size="large"
align="center">Your headline here</font></H1>
Evertime you wanted a H1 element, you had to add this code
to the page. If you wanted to change the headline size or
type face, you had to change all the tags on the site. This
is a massive amount of work. Enter CSS or Cascading Style
Sheets.
CSS or Cascading Style Sheets offer a much easier way.
By referencing an single external style sheet on each page,
you only have to change one document to change the whole
look and typeface of your site. As a bonus, you strip out
a bunch of redundent code and reduce page load times.
To incorporate CSS in your site, place the following line
:
<link rel="stylesheet" href="location/name
of style sheet " type="text/css">
(fill in the 'location/name' with the actual location and
name of stylesheet)
right before the </head> tag at the top of your page.
If you view our example css file,
you will see the following h1 tag:
h1 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large; color: black; text-align: center}
This line in the style sheet covers all the H1 tags for
the whole site.
For more infomation on CSS, visit Wikipedia,
or CSS Guru Eric Meyer's website, meyerweb.com
