General Style Sheet Concepts - CSS
Category: General Web Information. Cascading Style Sheet primer. Basics in creating CSS code.
Division Styles: <div></div>
Can replace tables. Defines shapes, structures, style elements, layout, fonts/sizes, etc.
Usage: <div id="yourIDname">This is the area you want to define!</div>
How to define in your stylesheet:
#yourIDname {
margin: 10px;
}
Span Styles: <span></span>
Usage: <span class="yourCLASSname">This is the area you want to define!</span>
Defines a specific area within a paragraph, form, word, or class.
How to define in your stylesheet:
.yourCLASSname {
margin: 10px;
}
General Page Definitions:
"BODY" = Controls general qualities of the page body, such as FONT, COLOR, FONT-SIZE, (page) MARGIN, BACKGROUND-IMAGE,
"a" = Controls all link info.
But you can also define how links are used within a specific SPAN or DIV by adding "a" after your DIV or SPAN definition in your CSS:
.mySPANclass {}
.mySPANclass a {}
"a:hover" = Controls the mouse over state of a link - defines what happens when you touch a link.