How to use stylesheets

Web sites can contain hundreds of pages, even thousands. You have spent your time making a look and brand for your web site, using different font sizes, colours, margins etc all within each web page.

Later on you decide that you want to change the background colour of the website, and then realise that you will have to edit every single web page and change the background color in the body tag.......

This is where stylesheets come into play, by simply putting all the web page formatting into a single file and then called upon by each web page, you are able to make changes to your web sites layout in just a few seconds!

To do this, include the following piece of code inside your tags.


This tells the browser that to display the page with the proper formatting to use the file called stylesheet.css. So any changes you want to make to the page, you simply edit the stylesheet.css file, save and then voila! All your pages using that stylesheet have now changed.

A typical stylesheet might look like this :