CSS âœâ€Ã¢Å“â€Cascading Style Sheets control the appearance and placement of HTML elements on a page. selector âœâ€Ã¢Å“â€The part of a CSS rule which specifies which element(s) are to be styled. declaration âœâ€Ã¢Å“â€Property name and value sepa by a colon and terminated with a semicolon, for example... Font-family: sans serif; property âœâ€Ã¢Å“â€The part of a CSS rule which specifies WHICH TYPE of modification to apply to HTML elements. value âœâ€Ã¢Å“â€The part of the CSS rule which specifies HOW the property/attribute will be modified ID Selector âœâ€Ã¢Å“â€A selector that identifies only ONE element within an HTML document. Preceded by a # sign. Class Selector âœâ€Ã¢Å“â€A selector that applies the same attribute to MULTIPLE HTML elements that reference it. Preceded by a . (period). Syntax âœâ€Ã¢Å“â€Arrangement of words and symbols in a language. Inline CSS Style âœâ€Ã¢Å“â€CSS coded IN THE BODY of the HTML code as a STYLE ATTRIBUTE
in an HTML tag. Limited to styling one element at a time. Internal CSS Style âœâ€Ã¢Å“â€CSS coded in the HEAD of the HTML code inside of tags. Limited to that one HTML page. (also known as embedded) External Style Sheet âœâ€Ã¢Å“â€CSS coded in a SEPARATE CSS FILE that controls the formatting of elements on any web page that links to the .css file. Rule âœâ€Ã¢Å“â€A complete CSS style statement: selector, property, and value. Properties REQUIRED to make a border âœâ€Ã¢Å“â€Style is required (width and color are optional) Property used to change the color of text âœâ€Ã¢Å“â€Color Property used to fill a div or change the color behind your content âœâ€Ã¢Å“â€Background-color Property used to make your text italic âœâ€Ã¢Å“â€font-style Property used to make your text have Small Caps âœâ€Ã¢Å“â€font-variant Property used to make your text bold âœâ€Ã¢Å“â€font-weight Property used to make your text bigger/smaller âœâ€Ã¢Å“â€font-size Property used to select the style/type of your font âœâ€Ã¢Å“â€font-family Serif âœâ€Ã¢Å“â€Font-family with decorative edges Sans-Serif âœâ€Ã¢Å“â€Font-family without decorative edges Margin âœâ€Ã¢Å“â€The space around an element, separating it from other elements Padding âœâ€Ã¢Å“â€The space inside of an element, separating its contents from its outer edge
