When you have a large website with many pages you might want to control things like fonts, colors and even positioning from one document instead of writing out what font to use and where to put a div table on every single page. If you have a webpage consisting of 50 pages and you want to change the font I'm sure you don't want to have to change the font code in the code of every single page. This tutorial will teach you how to modify fonts, colors and positioning of your entire webpage from one document.
1. Start with creating a document named "index.css". This is the document that will control the looks of your site. Then create a file called index.html or index.php. That's just a regular file where you put your content.
2. Then you put this code inside the head-tag in your index.html file and every other page you want the index.css file to control.
3. Now you're ready to modify the index.css file. This code will control the body of all the pages you put the code in step 2 in. Add any code you'd like to modify the body of your webpage inside the tags.
Try this out with links, h1, p and other codes. Just write down the codes inyour css-file.
4. You can also control the positioning of div:s and iframes. Put these codes inside your index.html file.
<div id="iframe">This is a iframe.</div>
To control the position of the div and iframe put down a code like this in the index.css file.
#iframe { position: absolute; top: 0px; left: 20px; width: 200px; height: 200px; background-color: #c0c0c0; }
5. Read the rest of my CSS tutorials for more info on what you can control with CSS.