CSS Basics
Description
For those of you that don't know, CSS stands for Cascading Style Sheets. The whole point of it is to easily edit all of the pages on your website, so you don't have to edit each on individually. In this tutorial, you will learn some of the basics.
Try It Out
Css Syntax has three parts to it. The object (where you want to edit), the property (what part of the object to edit), and finally the value (what you want to edit).
Example
CODE
body
{
color: #3B3B3B;
}
{
color: #3B3B3B;
}
In the above case body is the object, color is the property, and #3b3b3b is the value. (This would cause all the font in your body to be the color #3b3b3b).
As shown above, you state the object first, and then state the property, finally, you state the value. Note: As shown above, all properties must be in the "{" brackets and the values must end with a semi-colon ( ; ).
Now for something more complex.
Example
CODE
body, td
{
font-size: 8pt;
color: #3B3B3B;
}
{
font-size: 8pt;
color: #3B3B3B;
}
This time, we have two objects! The objects are body and td are both edited by separating them with the comma ( , ). (Note: you can have three, four, etc. objects as long as they are separated by commas.)
When you have a property with more than one word, you must place a dash ( - ) in between each word. In this case font size is our property, so we will place a dash in between the words: font-size.
Those are some of the basic rules to CSS, I will cover more later.
