Right I have just took a quick look at your site and ran the validators for both CSS and HTML/XHTML and the CSS one wont give any results yet as the HTML/XHTML file is not valid yet.
The main problem which I think is what you were trying to explain is the use of the font tag which does not exsit anymore in valid XHTML.
You can just set properties for existing tags like the H1 tag. (Shown below) This way all you do then is use the H1 tag as normal and it will be diplayed as the CSS properties have been set.
- Code: Select all
h1 {
color: #e0e0e0;
background-color: #000;
}
But sometimes you want to have diffrent properties for the same tag (as in two diffrent sections of text both inside the P tag) to get around this you will need to make a class and set the properties in css either at the head of the doc or even better in a seperate CSS file and the refer to that class in your HTML/XHTML
The CSS would look like so.
- Code: Select all
.redtext {
color: #f00;
background-color: #000;
}
.bluetext {
color: #0f0;
background-color: #000;
}
Then your HTML/XHTML woul be like so.
- Code: Select all
<p class="redtext">Text here will be red</p>
<p class="bluetext">Text here will be blue</p>
Here are a couple of sites that have loads of CSS tutorials.
http://www.htmldog.com
http://www.w3schools.com
