CSS - Sheet Insertion

[h1]CSS Sheet Insertion[/h1]
This tutorial is for CSS or Cascading Style Sheets. Cascading style sheets can make things a lot easier and take a lot less time if you know what you're doing. In each of these tutorials,1-2 topics will be discussed.

Let's get started.

1. Inserting CSS into your HTML document

If you want to be lazy and make your CSS viewable to all, you can just put the CSS on the html page you're writing.

Here's how you do it:

First, in between the <head></head> tags, type the following in(or just copy and paste).

Code:

Then after you're done typing in your CSS, end with this tag:

Code:

</style>

Or if you want to save time from typing the same code in on each page, you can just make a whole seperate style sheet.

To create your own style sheet, just open up notepad, type it up, and save it as whatever you want it to be named. Preferrably something short. Just remember that the extensions needs to be ".css" For example: "site.css".

This is how you insert it in your HTML page:

In between the <head></head> tags, put the following:

Code:

If you put it into a folder other than your root folder (where your index page is located), then you do the following:

Code:

That's about all you need to know for sheet insertion.

Coming soon: CSS Tutorial 2 - Font Customization and Text Decoration

Graphic Addicts Forums