Stylin' with CSS A Designer's Guide

by Wyke-Smith, Charles

• ISBN13: 9780321525567
• ISBN10: 0321525566
• Edition: 2nd
• Format: Paperback
• Copyright: 2007-12-19
• Publisher: PEARSON

Summary

This resource details everything one needs to know to start using CSS in Web development work, from the basics of marking up content and styling text through the creation of multi-column page layouts without the use of tables.

Author Biography

Charles Wyke-Smith has been creating web sites since 1994 and currently serves as Director of User Experience for Charleston-based BenefitFocus. In recent years, Charles was VP of Web Development for eStar.com, a celebrity information site, and has provided web design and consulting services to companies including Wells Fargo, ESPN Videogames, and The University of San Francisco. His work today focuses on site development, with an emphasis on user experience, information architecture, and interface design. Charles has taught classes in multimedia and interface design and speaks at many industry conferences.

---

Table of Contents

XHTML: Giving Structure to Content	p. 2
Web Standards	p. 4
The Times They Are A-Changing	p. 7
XHTML and How To Write It	p. 10
How CSS Works	p. 26
The Three Ways to Style Your Document	p. 28
Anatomy of a CSS Rule	p. 32
Writing CSS Rules	p. 33
Targeting Tags Within the Document Hierarchy	p. 34
Pseudo-Classes	p. 49
Pseudo-Elements	p. 52
Inheritance	p. 54
The Cascade	p. 55
Rule Declarations	p. 60
Stylin' Fonts and Text	p. 66
Specifying Fonts in CSS	p. 68
Exploring Font Families	p. 71
Sizing Fonts	p. 76
Font Properties	p. 81
Text Properties	p. 84
Using Font and Text Styles	p. 96
Positioning Elements	p. 100
Understanding the Box Model	p. 102
How Big Is a Box?	p. 109
Floating and Clearing	p. 114
The Position Property	p. 120
The Display Property	p. 127
Positioning/Display Example	p. 128
Basic Page Layout	p. 134
Some Multi-Column Layouts	p. 136
Introducing Stylib - the Stylin' Library	p. 139
Width Matters	p. 139
Floated Versus Absolutely-Positioned Layouts	p. 140
A Simple Two-Column Liquid Layout	p. 147
A Three-Column Fixed-Width Layout	p. 151
A Three-Column Liquid Layout	p. 155
Making All the Columns the Same Length	p. 159
An Absolutely-Positioned Layout	p. 168
Designing Interface Components	p. 174
Styling Tables	p. 176
Styling Forms	p. 189
Styling Lists and Menus	p. 205
Building Web Pages	p. 230
The Stylin' Site	p. 232
Setting Up the Folder Structure	p. 234
Creating the Site Architecture	p. 236
Conclusion	p. 271
XHTML Tags	p. 272
CSS Properties	p. 276
Index	p. 290
Table of Contents provided by Blackwell. All Rights Reserved.