CSS+Notes

>>> **h1 {** >>> **font-size:36px;** >>> **font-family:Arial;** >>> **color:red;** >>> **}** >>>>  >>>> body { >>>> background-color: white; >>>> } >>>> >>> >>> >>>> >>>>  >>>> >> a:visited {color: green;} >> a:active {color: yellow;} >> a:hover {color: red;} >> a:link sets styles for hyperlinks >> a:visited sets styles for visited links >> a:active sets styles for active links >> a:hover sets styles for links on mouseover >>
 * Basic Terminology
 * Selector
 * **h1**
 * Property
 * **color**
 * Value
 * **blue**
 * Example: **h1 {color:blue;}**
 * makes h1 tags in your linked html page blue
 * Declaration
 * combination of property and value
 * color:blue
 * Rule
 * complete CSS statement with selector, property, value
 * may include multiple declarations in each statement
 * Example:
 * Attaching style sheets
 * Inline - within html element
 * example: 
 * Embedded - within head section of html document
 * Linked
 * External style sheet (.css extension)
 * Example:
 * Attribute Selectors: @http://www.w3schools.com/css/css_id_class.asp
 * can have numbers and letters in its name, but cannot contain spaces or other characters (except hyphens).
 * class selectors: use "period"
 * .classname {color:blue;}
 * text
 * use repeatedly in a document
 * ID selectors: use "hashtag"
 * #idName {color:blue;}
 * text
 * unique; used once per document
 * Pseudo-Classes: determine link properties
 * a:link {color: maroon;}