Chapter 1 and 2 of the Book are On-line
HTML 4.0 On-line Tutorial
Creating CSS Style in Dreamweaver
HyperText Coined In 1965
Basic.htm Using Browser Tag Definitions
Basic1.htm Using Local Style Definition
Basic2.htm Uses an External Style Sheet Basic2.css
Precedence Most Recent Mask Previous Styles except More Specific Tags Mask Less Specific
CSS Import Precedence Most Recent Mask Previous Styles Except Main CSS File Has Precedence
Chapter 2
descendant Example with font-size illustrations
descentant Summary
Figure 2-2 of Book Oz Image
Page 30 Oz.htm File No CSS
Oz1.htm : Oz CSS rules...
H3 {text-align:right; color: gray;}
H1, H2 { margin-left: 20px; font-family: sans-serif; }
H1 { border:1px solid; padding: 5px; }
P { margin-left:20px; font-family:serif; font-size:14pt; }
core Attributes present in all HTML tags
Class ID example classID.htm
span and div example span.htm
Pseudo Class :active :focus, :hover, :link, :visited, :unvisited
Pseudo Link HTML
Pseudo Focus Forms HTML
Pseudo Element HTML
Book Example Figure 2-12...
Original File Displayed by Browser Our Alice.htm both Versions with CSS
Figure 2-17 div > blockquote child.htm selector; use sibling
so that when h3 follows h2 its black on gray
Chapter 3
Basic Fonts "Dreamweaver Likes to Insert 3" Figure 3-1
Courier
Fixed Width
Verdana sans-serif more horizontal space (viewgraphs online)
Printed Material Times or New Century Schoolbook
Size should be pixel (px), percentage or name relative
Others: cm, in, pt ( , em (width of m), ex (height of x), px, 150%.
Yes you can specify inches fontMargins.htm
Font Size figure 3-3 Enhanced
Font Properities
Text Decoration Figure 3-7
Figure 3-16 no CSS Figure 3-24 3-16 with CSS
Chapter 4
margin2.htm collapsing, negative
padding.htm Padding example
borderStyle.htm illustrates the various border styles
borderFancy.htm illustrates some multi-color side border selection
borderSummary.htm summarize borders
box.htm box summary height, width, float, clear
Chapter 5
Color XHTML.htm html attributes color and bgcolor
Reserved CSS colorNames.htm
Ways of referring to colors in CSS color.htm
colorBackground.htm
background Image using URL
background Image with both a h3 header and body
background-repeat:repeat-y Figure 5.12
background-repeat:repeat-x Figure 5.13
background-repeat:no-repeat Figure 5.14
background-position:center default scroll with contents
background-attachment:fixed background Image Remains in Fixed Position
Figure 5-19 Final Example
Figure 5-20 Inversion, background Images
Web-Safe Colors Mutliple of 0x33
