Thank you for visiting us. We are currently updating our shopping cart and regret to advise that it will be unavailable until September 1, 2014. We apologise for any inconvenience and look forward to serving you again.

Wiley
Wiley.com
Print this page Share

Beginning CSS: Cascading Style Sheets for Web Design

ISBN: 978-0-7645-7642-3
648 pages
December 2004
Beginning CSS: Cascading Style Sheets for Web Design (0764576429) cover image
  • 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
See More
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.

See More
Richard York is a freelance web designer and a participant in the open source community. After attending website and graphic design courses at Indiana University-Purdue University, Indianapolis in Indianapolis, Indiana, Richard continued a course of self-study which involved mastering design of web sites using web technologies like CSS, XHTML, and PHP.
When not writing for Wrox or building a website, Richard works on open source webmail applications written for PHP PEAR, an open source repository of PHP applications. Richard also enjoys writing poetry, playing music, and painting. He maintains a website at www.smilingsouls.net that exhibits his personal and professional interests.
See More
“…perfect for people who are starting to use CSS…” (oraclehome.co.uk, October 2005)
See More
Download TitleSizeDownload
Source Code
To use this file, download it to your local machine and unzip it. Windows users can use the Windows built-in ZIP utilities or a 3rd party utility like WinZip. Be sure to use the correct option in your ZIP utility to preserve the directory structure when decompressing the archive.
3.85 MB Click to Download
See More

Do you think you've discovered an error in this book? Please check the list of errata below to see if we've already addressed the error. If not, please submit the error via our Errata Form. We will attempt to verify your error; if you're right, we will post a correction below.

ChapterPageDetailsDatePrint Run
22 Error 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
23 Error 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
31 Delete 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
40 Font error
Paragraph after "Common Document Type Declarations" heading, end of paragraph:

fix the font, last "E" of "DOCTYPE"
2/7/06
40 Replace 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
41 Deletions on Page
Line 2:

delete "or with an invalid URL"
2/7/06
44 Error in Text
Paragraph before the "Introducing Selectors" heading, 2nd line:

specifying elements
should be:
the Cascade
2/7/06
46 Error in Text
First line of last paragraph: The paragraph should begin:

"The preceding rules apply"
Should be:
"The preceding rule applies"
2/21/06
53 Error in Text
First code block, 4th line of code:

Some text aligned left.
should say:
Some text aligned right.
2/21/06
55 Error in line 1 in Excercise 1
Exercise 1, line 1: change "inline" to "embedded"
3/1/05
55 Error in line 3, Exercise 1
Exercise 1, line 3: delete the word "also"
3/1/05
71 Error 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
71 Error in Text
Last line

In hexadecimal, 15 are represented by F
should be:
In hexadecimal, 15 is represented by F
2/21/06
87 Code 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
87 code 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
94 Text 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
108 First 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
114 Error 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
116 Text 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
117 Error 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
208 Error in Code
Under step 3, 4th line:

h3 {
should be:
div#content h3 {
10/10/05
230 Browser 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
230 Last Sentence
Delete the last sentence bottom of page.
3/1/05
232 Word Change
Ital text below heading: change the word "since" to "in".
3/1/05
242 Author 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
263 Error in text
Step 8

"Make the following medication to the..."
should be:
"Make the following modification to the..."
10/28/05
285 step 7, 2nd code line
meta_playing.jpg

should be:

dinner.jpg
5/5/05
310 Text 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
327 Step 4, 1st code line:
meta_playing.jpg

should be:

dinner.jpg
5/5/05
527 Error 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
534 Error in Code
3rd code line Under Step 2:

<ul>

should be

<ul id='navigation'>
10/14/05
576 Capitalization 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
578 Capitalization 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-580 Capitalization 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
585 Capitalization 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
586 Capitalization 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
587 Capitalization 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
Index 626 Error in Second Column
2nd column:

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