Css Cascading Style Sheets
Two types of style sheets: Internal and External
Internal - You insert your style code right into your html code. These stylesheets should only be used if you are intending to create a specific page with a specific style. If you want to be able to make global changes to your website using only one style sheet, you have to use....
External Stylesheets - Instead of putting all style code into your html code, you can create a single document with your css code and link to it within your webpages code. It would look something like this
{head} {title}Webpage title{ itle} {link rel="stylesheet" type="text/css" href="http://www.yourdomain.com/css" rel="nofollow"} {/head}
If you decide to use an internal stylesheet, you have to put your css style wihin following tags:
{style type="text/css"} {/style}
All css or links to external stylesheets have to go in between {head} tags
Now about Css Classes vs. ID's
The one major difference between a class and an id is that classes can be used multiple times within same page while an Id can only be used once per page.
Example:
ID - The global navigation of your site, or a navigation bar. A footer, header, etc. Only items that appear in only one place per page.
Class - Anything that you would use multiple times in your page, such as titles, subtitles, headlines, and like.
Creating ID 's
To create an Id in your css, you would start with number sign (#) and then your label of id. Here's an example
#navigation { float:left; }
To insert id in your html, you would do something like this
{div id="navigation"} {/div}
You can also insert an id within another one like this
{div id="navigation"} {div id="left}