Vancouver Website Design

Complete Website Management

Full Email Newsletter Campaigns

Customized HTML & PHP Programming
Dedicated and Professional Customer Service


CSS Stylesheet Basics for Your Website

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!



Click the link below to view a summary of the services that D-Mack Media offers. The document will open in a new window and is in Adobe® PDF® format that you can save and print. If you need the free Adobe Reader, click the Adobe logo Adobe Reader
D-Mack Media Services (233kb)...