Linking an external CSS to your website

Posted on Sat, 2006-05-20 19:12

Intro

CSS = Cascading Style Sheet.

The support for CSS in all browsers is getting better and better.

How do I link an external CSS file?

Copy the CSS code from the <head> of your page and paste it in a new file with the extension .css

<link rel="stylesheet" type="text/css" xhref="style.css" />

Put this in your <head> section instead of your CSS code.

When you use an external CSS file you don't need the <style> </style> tags within the file.

The href points to where the stylesheet is located.

The /> at the end makes it XHTML complient.

Why use external CSS?

If all your pages use the same styling it will allow quicker loading times of pages as the CSS code is loaded once rather than being loaded everytime a new page is loaded.