documentation:css
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
documentation:css [2010/05/20 06:09] – triley2 | documentation:css [2010/05/20 08:01] (current) – triley2 | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | <WRAP left 40%> | ||
+ | ~~TOC~~ | ||
+ | </ | ||
+ | // | ||
+ | // | ||
+ | <WRAP centeralign 100% bigger> | ||
+ | <WRAP bigger fgred> | ||
+ | <WRAP muchbigger> | ||
+ | Cascading Style Sheets | ||
+ | </ | ||
+ | <WRAP clear></ | ||
+ | CSS was adopted in the mid 1990's as a way to standardize web pages. Style sheets can be used with many markup languages such as html, xml, svg and xul. It is used for defining the way a document looks. It accomplishes this by giving attributes (colors, fonts) to the tags in a markup language. Before style sheets all attributes had to be added to each tag individually. This can Be very inefficient for a site that has many pages. A style sheet allows an entire page or site to be standardized. | ||
+ | ===== First Style Sheet ===== | ||
+ | <code css> | ||
+ | p {font-size: 50%; font-family: | ||
+ | h1 {color: red; font-weight: | ||
+ | </ | ||
+ | save file as style.css | ||
+ | |||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | <style type= " | ||
+ | @import " | ||
+ | </ | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | <p> | ||
+ | this is my new web page! | ||
+ | </p> | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | save file as index.html | ||
+ | |||
+ | view in web browser | ||
+ | ===== Common Attributes ===== | ||
+ | |||
+ | *background-color: | ||
+ | *background-image: | ||
+ | *font-family: | ||
+ | *font-size: < | ||
+ | *font-weight: | ||
+ | *height: < | ||
+ | *margin: < | ||
+ | *padding: < | ||
+ | *text-align: | ||
+ | *width: < | ||
+ | |||
+ | ===== Links ===== | ||
+ | *www.w3schools.com |