Sunday, February 26, 2012

Week 8: Reading Notes

1) W3 School Cascading Style Sheet Tutorial: http://www.w3schools.com/css/

CSS = Cascading Style Sheets
CSS was created to solve the problem of formatting tags, like font tags, to create style on an HTML page.
Styles are saved in external .css files, allowing the web developer to change the appearance or all the pages in a web site by editing only one file.

CSS declarations end with a semicolon and are grouped with curly brackets.
{color:green;
text-align:center;}

Comments are used to explain codes. They begin with /* and end with */.

External Style Sheets are ideal for many pages.
Internal Style Sheets are ideal for single documents.

2) CSS tutorial: starting with HTML + CSS http://www.w3.org/Style/Examples/011/firstcss

While the first tutorial is extremely in-depth, from basic to advanced CSS coding, I enjoyed this CSS tutorial more. Its step-by-step process involves the user more in actual coding rather than standard explanations with multiple chapter pages.

3) chapter 2 of the book Cascading Style Sheets, designing for the Web, by HÃ¥kon Wium Lie and Bert Bos (2nd edition, 1999, Addison Wesley, ISBN 0-201-59625-3)http://www.w3.org/Style/LieBos2e/enter/

Rule - a statement about one stylistic aspect of one or more elements
Style sheet - a set of one or more rules that apply to an HTML document

A rule contains two parts: selector and declaration. Selector is before the curly brackets, the declaration is within the brackets.

The selector specifies which part of the HTML document will be affected by the declaration, while the declaration is the rule that includes the effect, such as color.

h1 {color: red}

Fonts:

h1 {color: red;
font: 36pt serif}

or

h1 {font-style: italic;
font-weight: bold}

No comments:

Post a Comment