Linking to External CSS Files

A major benefit of CSS is that you can create a style sheet for use not just with a single page, but throughout an entire site.

This external style sheet can be applied to a hundred different pages, without having to retype the information. Also, perhaps more importantly, if you want to change the appearance of your pages, you simply change one file, instead of making changes to all your pages.

To set up an external CSS file:

Create a new file using any software that allows you to save as a text file.
Type in your CSS codes. Don't include, however, any HTML tags or other content.
Save the document as filename.css, where filename is whatever you wish to call the file, and .css is an extension to identify the file type (you don't have to use this extension; you can use .txt and it will still work).

Link to your external file:

Linking a CSS file affects the document just as if the styles had been typed directly into the head of the document. On every page that you want affected by CSS, insert the following code in the head:

CSS Tutorials

Sponsor

Hot Wedding Ideas

Advertise

Really affordable rates.

Feedback

Comments, suggestions?