Multiwingspan Home Page |
Multiwingspan Games |
Gnasher @ Multiwingspan |
Multiwingspan Calendar |
Multiwingspan Clock |
About Multiwingspan |
Visual Basic 6.0 Guide |
Visual Basic 6.0 Examples |
Turbo Pascal Guide |
SWI Prolog Guide |
Visual Basic 2005 Guide |
Structured Query Language |
HTML Design Tasks |
Introduction To HTML |
Introduction To CSS |
Introduction To Javascript |
AS/A2 Level Computing |
Placing all of your style rules in one document allows you to apply formatting across a whole site in just one file. This saves an enormous amount of time and ensures that your formatting is uniform across the whole site.
External stylesheets are saved with the extension .css
Here is an example of an external stylesheet…
BODY { font-size: 12pt;}
P {
font-family: Arial;
font-size: 14pt;
}
TD {
Border: 2px solid red;
}
Notice that there are no HTML tags. External stylesheets are not HTML pages.
To get your web page to use the external stylesheet you will need to add the following code to the <head> section of your document.
<link rel="stylesheet" href="stylesheet.css">
If you saved your stylesheet with a different name or in a different folder you must remember to change the href attribute.
Create 3 different external stylesheets to be used with the web site that you created in Exercise 16.
Return To CSS Guide || Return To Homepage