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, colors, margins etc all within each web page.
Later on you decide that you want to change the background color of the website, and then realize 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:
<link rel="stylesheet" href="http://www.yoursite.com/style.css" type="text/css">
This tells the browser that to display the page with the proper formatting to use the file called style.css. So any changes you want to make to the page, you simply edit the style.css file, save and then voila! All your pages using that stylesheet have now changed.
Some typical content within a style sheet might look like this :
Then within your web page if you wanted to make a piece of text using the heading formatting then simply do something like :
That’s the down and dirty basics of using stylesheets!