CSS Tips

Creating A Separate Style Sheet File

You can create a separate .css file to put all your CSS coding in and then link to that file in your Html document.
This is handy if you have a lot of CSS coding on your page.
It is also handy if you want to place the same CSS coding on all your Html document.
Just insert the .css file in your Html document with one line of code.

Here is how to create a .css file and insert the file into your Html document.

Use notepad or your text editor to write your .css file.
This file contains your style codes without the <style> and </style> tags.

Here is a brief example on how to write your .css page code.

A:hover { text-decoration: overline underline }
H1 { color: blue }
p { text-indent: .25in }

Save the file as a .css file. Example Name: sheet1.css
Upload your .css file to your web page server
(Note: Not all web page hosts support .css files).
Then insert the line of code below in your Html document.

Here is the html code to insert into your Html document.
Edit the file name to point to your .css file.
Place this line of code between the <head> and </head> tags.

<LINK REL=stylesheet HREF="sheet1.css" TYPE="text/css">

Now whenever you want to change the CSS coding just edit your .css file and upload it to your server again.
This will copy over your old .css file and reflect the changes.

Click here for more tips:

CSS Tips