Here is a mind map of the overall book (with expansion of the subtopics for chapter 6):
I think that this is the key chapter for the book. Once I have the basic ideas of CSS and how they are created within Dreamweaver I am optimistic that the rest becomes detail.
Chapter 6 Cascading Style Sheets
The W3C has released several recommendations for Cascading Style Sheets. CSS 1 was formalized in 1996, CSS 2 in 1998 and CSS 3 has yet to be formalized. Most browsers do not yet support CSS 3.
"The cascading part of CSS refers to which rules the browser follows when it encounders conflicting CSS information. ... Understanding the cascade and specificity (how specific a rule is) can be a complicated and daunting subject." [p. 109]
"A the very core of CSS are rules. Rules consist of two parts: the selector and the declaration block. A declaration block can contain multiple declarations, which are each made up of two parts: a property and a value, followed by a semicolon. A colon separates the property from the value." [p. 110]
selector {property: value; property: value; ...}
Exercise 1 Understanding CSS and Page Properties
Done. Easy. This was the first time that I have used the Page Properties button on the Properties Inspector window. The exercise showed me how to create an embedded style sheet which is fine if I only want to use the rules for that page, but usually one wants to use the rules for almost all the pages within a web site.
Exercise 2 Exporting and Linking External CSS Files
Done. Easy.
This exercise does a great job of showing the power of external style sheets. A quick change to one external style sheet can immediately change all of the pages that use that style sheet.
The exercise takes an internal style sheet (created in exercise 1), exports it to the assets folder (thus creating an external CSS file), deletes the internal style sheet from the original page and then applies the external CSS flle to all the pages in the site.
Exercise 3 Creating Type Selectors
Done. Following the steps is easy, but the actual values used requires a much deeper understanding of what the various choices mean. The power of making a change to the style sheet and seeing it affect all of the pages is indeed impressive. This exercise illustrated how to change the properties of a simple type selector (e.g. a heading such as h1 or h2, or a paragraph p) .
It also showed a cute trick of using a border command to create a small square bullet in front of a heading.
This section focuses on the CSS Styles panel.
"The CSS Styles panel is one of the busiest and most useful panels in the Dreamweaver 8 interface." [p. 128]
"Type selectors are probably the most efficient way to declare CSS formatting rules. A type selector redefines how to render a particular XHTML tag." (e.g. <p> ) [p. 129]
"You can group as many selectors as you'd like by separating the selectors with commas." [p. 129]
Exercise 4 Creating ID Selectors
Later.
Exercise 5 Creating Class Selectors
Later.