How to use stylesheets
<div align="justify">
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.</div><br />
<div align="justify">
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.......
</div><br />
<div align="justify">
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!
</div><br />
<div align="left">
To do this, include the following piece of code inside your <head></head> tags.
</div><br />
<div align="left">
<link href="stylesheet.css" rel="stylesheet"
type="text/css" />
</div><br />
<div align="justify">
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.
</div><br />
<div align="left">
A typical stylesheet might look like this :
</div><br />
<div align="center">
<textarea rows="4" cols="50">.heading { font-size: 16pt }
About the Author
http://www.onestop-webdesign.com One Stop Web Site Design specialises in creating the complete web site without the buyer having to understand all the jargon. Simply sign up to our low cost monthly plan, and give us an outline of what your website should be about and what products to sell. You can then sit back as we organise everything from hosting, web site development to setting up your shop ready for going live.
|