Skip to main content

Beginning CSS: Cascading Style Sheets for Web Design

Beginning CSS: Cascading Style Sheets for Web Design

Richard York

ISBN: 978-0-764-57642-3

Dec 2004

648 pages

Select type: Paperback

Product not available for purchase

Description

  • This book is the perfect introduction to Cascading Style Sheets (CSS), the Web markup standard that allows Web designers and developers to easily make a style change to one CSS template and then change formatting across hundreds-or thousands-of pages
  • Covers the current CSS standard versions (CSS 1 and CSS 2) with notes and comments where appropriate on the CSS 3 standard in development
  • Includes quick reference on CSS at the end of the book as well as integrated reference coverage throughout
  • Teaches by using an example-oriented approach and includes exercises at the end of each chapter, with sample solutions provided in the appendix
Acknowledgments.

Introduction.

Chapter 1: Introducing Cascading Style Sheets.

Chapter 2: Document Standards.

Chapter 3: The Basics of CSS Anatomy and Syntax.

Chapter 4: Data Types, Keywords, Color, Length, and the URI.

Chapter 5: CSS Selectors.

Chapter 6: Pseudo-Element and Pseudo-Class Selectors.

Chapter 7: Inheritance and the Cascade.

Chapter 8: Text Manipulation.

Chapter 9: Font Manipulation.

Chapter 10: Liquid Design and the CSS Box Model.

Chapter 11: CSS Buoyancy: Collapsing Margins, Floating, and Vertical Alignment.

Chapter 12: Styling Lists and the User Interface.

Chapter 13: Backgrounds: Setting the Scene.

Chapter 14: Positioning.

Chapter 15: Styling for Handheld Devices and Print.

Chapter 16: Styling Tables.

Chapter 17: Styling XML.

Chapter 18: Cross-Browser Compatibility.

Appendix A: Exercise Answers.

Appendix B: CSS Reference.

Appendix C: CSS Colors.

Appendix D: Browser Rendering Modes.

Index.

“…perfect for people who are starting to use CSS…” (oraclehome.co.uk, October 2005)
Source Code
Code Downloads
Code downloads for this title are available here.
Source Code
Download
Code Downloads
Code downloads for this title are available here.
Download
ChapterPageDetailsDatePrint Run
22Error in Grey Box
In the reference to the mozilla webpage, just above the gray box in the middle of the page, the website address should read "www" not "ww".
4/8/05

23Error in Text
Paragraph before "Single Tags and HTML Line Breaks", 3rd line:

the closing tag contains a forward slash before the tag name (/>)
should be:
the closing tag contains a forward slash before the tag name (</)
2/7/06

31Delete Sentence in Paragraph
Paragraph after "XHTML IS Case-Sensitive" heading:

delete 2nd sentence:
More tags in HTML are used than in XHTML; for the most part, however, the two languages include the same tags with the same functionality.
2/7/06

40Font error
Paragraph after "Common Document Type Declarations" heading, end of paragraph:

fix the font, last "E" of "DOCTYPE"
2/7/06

40Replace Sentence
Paragraph (1 sentence) before the "HTML 4.01 Frameset" heading: replace with:

If the DTD URL is not recognized by the browser, the rendering mode invoked is standards mode (See Appendix D).
2/7/06

41Deletions on Page
Line 2:

delete "or with an invalid URL"
2/7/06

44Error in Text
Paragraph before the "Introducing Selectors" heading, 2nd line:

specifying elements
should be:
the Cascade
2/7/06

46Error in Text
First line of last paragraph: The paragraph should begin:

"The preceding rules apply"
Should be:
"The preceding rule applies"
2/21/06

53Error in Text
First code block, 4th line of code:

Some text aligned left.
should say:
Some text aligned right.
2/21/06

55Error in line 1 in Excercise 1
Exercise 1, line 1: change "inline" to "embedded"
3/1/05

55Error in line 3, Exercise 1
Exercise 1, line 3: delete the word "also"
3/1/05

71Error in Text
Paragraph under heading "Hexadecimal Colors", 2nd line:

scheme that uses 16 characters as its base
should be:
scheme that uses 16 numbers as its base
2/21/06

71Error in Text
Last line

In hexadecimal, 15 are represented by F
should be:
In hexadecimal, 15 is represented by F
2/21/06

87Code block for step 2
Lines 14-16 of code:

<textarea name='feedback[address]'
cols='40' rows='3' wrap='virtual'>
</textarea>

should be:

<textarea name='feedback[address]' cols='40' rows='3'
wrap='virtual'></textarea>
2/21/06

87code block for step 2
Lines 20-22 of code:

<textarea name='feedback[message]'
cols='40' rows='6' wrap='virtual'>
</textarea>

should be

<textarea name='feedback[message]' cols='40' rows='6'
wrap='virtual'></textarea>
2/21/06

94Text Deletion
Page 94:

Starting with the 1 line paragraph before the first shaded code section, delete all of the following:

"CSS, however, also supports the specification of multiple values via the following syntax:"

AND all the way through the italic note about 2/3 of the way down the page:

"No major browser yet supports the tilde multiple value syntax."

Delete all of that, those 2 lines inclusive.
07/31/06

108First line below the ::first-letter and ::first-line heading
First line below the ::first-letter and ::first-line heading

"Documented in 3"

should say

"Documented in CSS 3"
4/18/05

114Error in Code
Page 114, 1st shaded code section, lines 5-8:

Code reads:

a:visited {
background: white;
color: black;
}

Should be:

a:visited {
background: crimson;
color: pink;
}
07/31/06

116Text in Shaded Box
Text in shaded box at bottom should be:

The mnemonic device including the :focus pseudo-class is LoVe For HAte, where the order is :link, :visited, :focus, :hover and :active.
3/25/05

117Error in Code Block
In the highlighted block of code the following rules (the last 2 sections of the shaded code)...

li a:active {
background-color: lightgray;
color: black;
}
li a:hover, li a:focus {
background-color: gray;
color: white;
}

...should be reversed. They should appear as follows:

li a:hover, li a:focus {
background-color: gray;
color: white;
}
li a:active {
background-color: lightgray;
color: black;
3/25/05

208Error in Code
Under step 3, 4th line:

h3 {
should be:
div#content h3 {
10/10/05

230Browser Support
Ital text below the heading should read:
Documented in CSS 2.1 and supported in IE 5.5, IE 6, Opera 7.5, Mozilla 1.7, and Safari 1.2.
3/1/05

230Last Sentence
Delete the last sentence bottom of page.
3/1/05

232Word Change
Ital text below heading: change the word "since" to "in".
3/1/05

242Author Note on Sentence
Last sentence before the heading "Examining the Advantages of External Style Sheets

Sentence
"They are not part of the XHTML specification and, therefore, must be replaced with suitable replacements if XHTML is the medium of delivery"

Author's note:
This sentence is misleading. In the context of the paragraph the reader could interpret it as referring to obsolete HTML elements in general, but the body of the section refers to the HTML tags <b> and <i>, which *are* allowed in the XHTML specification. These are not deprecated, they are allowed in the XHTML specification, but the W3C officially discourages their use since they exist purely for presentation and do not add semantics to the markup.

The advice given here should still be followed, however, since their use is officially discouraged [1] they are more likely to be removed from a future XHTML specification.

[1] http://www.w3.org/TR/html4/present/graphics.html#h-15.2.1
** "The following HTML elements specify font information. Although they are not all deprecated, their use is discouraged in favor of style sheets."

** These are defined in HTML 4.01. XHTML (using a strict DTD) is a reformulation of HTML, which among other things, excludes those elements labeled deprecated in HTML.
2/27/05

263Error in text
Step 8

"Make the following medication to the..."
should be:
"Make the following modification to the..."
10/28/05

285step 7, 2nd code line
meta_playing.jpg

should be:

dinner.jpg
5/5/05

310Text Error
Paragraph before figure 11-1, lines 2 and lines 10-11:

bottom border of the browser window
should be:
top border of the browser viewport
6/16/05

327Step 4, 1st code line:
meta_playing.jpg

should be:

dinner.jpg
5/5/05

527Error in Text
2nd paragraph, 2nd sentence:

"Like the individual border-color, border-style, and border-color properties discussed in previous sections, more than one type of sytax is possible."

Should read:

"Like the individual border-width, border-style, and border-color properties discussed in previous sections, more than one type of sytax is possible."
2/23/06

534Error in Code
3rd code line Under Step 2:

<ul>

should be

<ul id='navigation'>
10/14/05

576Capitalization Error in Table
In table:
property name "Width" (first column, 6th row up from the bottom) should be initial lower case "width"
3/1/05

578Capitalization Error in Visual Effects Table
Visual effects table:
property name "Clip" (first column, 6th row not counting header row) should be initial lower case "clip"
3/1/05

579-580Capitalization Error in Positioning Table
Positioning table:
several property names (all bold, in first column) need to be initial lower case instead of initial cap - applies to: top, right, bottom, left, float, clear
3/1/05

585Capitalization Error in Paged Media Table
Paged media table:
several property names (all bold, in first column) need to be initial lower case instead of initial cap - applies to: size, marks, page.
3/1/05

586Capitalization Error in Visual Effects Table
Visual effects table:
property name "Filter" (first column, first row not counting header row) should be initial lower case "filter"
3/1/05

587Capitalization Error in User-Interface Table
User-interface table:
property name "Zoom" (first column, 6th row not counting header row) should be initial lower case "zoom"
3/1/05

Index626Error in Second Column
2nd column:

Target pseudo-class appears with two colons, it is only supposed to have one.
3/21/05