CSS
CSS stands for cascading style sheets, it is this which gives your HTML some style.
With CSS you can, set font size, colour, background colours,images and much, much more.
The best thing about CSS is being able to have an external style sheets to your HTML files, this means that you can create as many HTML files as you like and you will not have to rewrite the same text again and again .
All you need to rewrite is a simple link like this below that links the style sheet to the HTML file.
Basic CSS tutorial 1
During the CSS tutorials I will be showing you how the CSS code fits into your HTML code.
Step 1
- First of all we need to create your CSS style sheet.
You can type CSS code straight into your HTML pages but its a lot easier to use external style sheets.
- Next open up the computers "notepad".
- You can do this by clicking "start", "going to all programs" and clicking on "Accessories".
- First of all we are going to save this note pad.
- In note pad click on the file icon.
- When it has dropped down, click the save icon.
- You should now have a new window opened.
- Where it says file name, enter what you want the file to be called.
- Try and keep it simple, this is a style sheet so just try calling it “style”.
- You can only use letters and numbers, nothing else.
- You need to put .css after your file name.
- This is so the web browser knows that it a CSS file.
- Select, all files.
- The file that we started in the HTML tutorial 1 and saved on your desk top, select it and click save.
- Nothing will change on your basic web page, yet.
Step 2
- OK, now we need to link your style sheet to your HTML pages.
- To do this open up your HTML file, using "Notepad".
- Between the Head tag in your HTML note pad add this link.
- This will link your HTML page to your CSS style sheet.
- Now save the HTML and CSS files.
Still looks boring.
Now let us start to add some style