CSS: The Missing Manual

by
Format: Paperback
Pub. Date: 2006-08-01
Publisher(s): Oreilly & Associates Inc
List Price: $37.44

Rent Book

Select for Price
There was a problem. Please try again later.

Digital

Rent Digital Options
Online:1825 Days access
Downloadable:Lifetime Access
$33.59
*To support the delivery of the digital material to you, a non-refundable digital delivery fee of $3.99 will be charged on each digital item.
$33.59*

New Book

We're Sorry
Sold Out

Used Book

We're Sorry
Sold Out

How Marketplace Works:

  • This item is offered by an independent seller and not shipped from our warehouse
  • Item details like edition and cover design may differ from our description; see seller's comments before ordering.
  • Sellers much confirm and ship within two business days; otherwise, the order will be cancelled and refunded.
  • Marketplace purchases cannot be returned to eCampus.com. Contact the seller directly for inquiries; if no response within two days, contact customer service.
  • Additional shipping costs apply to Marketplace purchases. Review shipping costs at checkout.

Summary

Now that Cascading Style Sheets (CSS) have finally come of age, web designers can take complete control of the appearance of their web pages. No longer do you have to fret about how different web browsers or individual viewers can alter your design. Problem is, most web authors only treat CSS as a kind of window-dressing to spruce up the appearance of their sites, because integrating CSS with a site's underlying HTML is hard work, and often frustratingly complicated. Enter "CSS: The Missing Manual", which clearly explains this powerful design tool and how you can use it to build sparklingly new web sites, or refurbish old sites that are ready for an upgrade. Written by David McFarland (the bestselling author of O'Reilly's "Dreamweaver: The Missing Manual"), this book is a valuable resource, whether you're a beginner or a web-building veteran.

Author Biography

David Sawyer McFarland is the president of Sawyer McFarland Media Inc., a web development and training company located in Portland, Oregon. In addition, he teaches JavaScript programming, Flash, and web design at the University of California, Berkeley, the Center for Electronic Art, the Academy of Art College, and Ex'Pressions Center for New Media. He was formerly the webmaster at the University of California, Berkeley, and the Berkeley Multimedia Research Center.

Table of Contents

The Missing Credits xiii
Introduction 1(14)
Part One: CSS Basics
Rethinking HTML for CSS
15(12)
HTML: Past and Present
15(3)
HTML Past: Whatever Looked Good
16(1)
HTML Present: Scaffolding for CSS
17(1)
Writing HTML for CSS
18(6)
Think Structure
18(1)
Two New HTML Tags to Learn
18(2)
HTML to Forget
20(1)
Tips to Guide Your Way
21(3)
The Importance of the Doctype
24(3)
Creating Styles and Style Sheets
27(16)
Anatomy of a Style
27(3)
Understanding Style Sheets
30(1)
Internal or External--How to Choose
30(1)
Internal Style Sheets
30(1)
External Style Sheets
31(3)
Linking a Style Sheet Using HTML
33(1)
Linking a Style Sheet Using CSS
33(1)
Tutorial: Creating Your First Styles
34(9)
Creating an Inline Style
35(1)
Creating an Internal Style Sheet
36(3)
Creating an External Style Sheet
39(4)
Selector Basics: Identifying What to Style
43(28)
Tag Selectors: Page-Wide Styling
43(2)
Class Selectors: Pinpoint Control
45(3)
ID Selectors: Specific Page Elements
48(1)
Styling Tags Within Tags
49(4)
The HTML Family Tree
50(1)
Building Descendent Selectors
51(2)
Styling Groups of Tags
53(1)
Constructing Group Selectors
53(1)
The Universal Selector (Asterisk)
54(1)
Pseudo-Classes and Pseudo-Elements
54(4)
Styles for Links
54(1)
More Pseudo-Classes and Elements
55(3)
Advanced Selectors
58(3)
Child Selectors
58(2)
Adjacent Siblings
60(1)
Attribute Selectors
60(1)
Tutorial: Selector Sampler
61(10)
Creating a Group Selector
63(2)
Creating and Applying a Class Selector
65(2)
Creating and Applying an ID Selector
67(1)
Creating a Descendent Selector
68(3)
Saving Time with Inheritance
71(10)
What Is Inheritance?
71(1)
How Inheritance Streamlines Style Sheets
72(1)
The Limits of Inheritance
72(3)
Tutorial: Inheritance
75(6)
A Basic Example: One Level of Inheritance
75(1)
Using Inheritance to Restyle an Entire Page
76(2)
Inheritance Inaction
78(3)
Managing Multiple Styles: The Cascade
81(18)
How Styles Cascade
82(4)
Inherited Styles Accumulate
82(1)
Nearest Ancestor Wins
82(1)
The Directly Applied Style Wins
83(1)
One Tag, Many Styles
84(2)
Specificity: Which Style Wins
86(3)
The Tiebreaker: Last Style Wins
87(2)
Controlling the Cascade
89(2)
Changing the Specificity
89(1)
Selective Overriding
89(2)
Tutorial: The Cascade in Action
91(8)
Creating a Hybrid Style
92(1)
Combining Cascading and Inheritance
93(1)
Overcoming Conflicts
94(5)
Part Two: Applied CSS
Formatting Text
99(34)
Formatting Text
99(5)
Choosing a Font
101(1)
Adding Color to Text
102(2)
Changing Font Size
104(4)
Using Pixels
104(1)
Using Keywords, Percentages, and Ems
105(3)
Formatting Words and Letters
108(4)
Italicizing and Bolding
109(1)
Capitalizing
109(1)
Decorating
110(1)
Letter and Word Spacing
111(1)
Formatting Entire Paragraphs
112(5)
Adjusting the Space Between Lines
112(2)
Aligning Text
114(1)
Indenting the First Line and Removing Margins
115(2)
Formatting the First Letter or First Line of a Paragraph
117(1)
Styling Lists
117(6)
Types of Lists
117(3)
Positioning Bullets and Numbers
120(1)
Graphic Bullets
121(2)
Tutorial: Text Formatting in Action
123(10)
Setting Up the Page
123(2)
Formatting the Headings and Paragraphs
125(2)
Formatting Lists
127(3)
Adding the Finishing Touches
130(3)
Margins, Padding, and Borders
133(38)
Understanding the Box Model
133(2)
Control Space with Margins and Padding
135(6)
Margin and Padding Shorthand
136(1)
Colliding Margins
137(1)
Removing Space with Negative Margins
138(2)
Displaying Inline and Block-Level Boxes
140(1)
Adding Borders
141(4)
Border Property Shorthand
143(1)
Formatting Individual Borders
143(2)
Coloring the Background
145(1)
Determining Height and Width
146(6)
Calculating a Box's Actual Width and Height
147(1)
Controlling the Tap with the Overflow Property
148(2)
Fixing IE 5's Broken Box Model
150(2)
Wrap Content with Floating Elements
152(6)
Backgrounds, Borders, and Floats
154(1)
Stopping the Float
155(3)
Tutorial: Margins, Backgrounds, and Borders
158(13)
Controlling Page Margins
158(2)
Adjusting the Space Around Tags
160(1)
Emphasizing Text with Backgrounds and Borders
161(2)
Building a Sidebar
163(3)
Fixing the Browser Bugs
166(3)
Going Further
169(2)
Adding Graphics to Web Pages
171(38)
CSS and the <img> Tag
171(1)
Background Images
172(3)
Controlling Repetition
175(1)
Positioning a Background Image
176(6)
Keywords
177(2)
Precise Values
179(1)
Percentage Values
179(2)
Fixing an Image in Place
181(1)
Using Background Property Shorthand
182(1)
Tutorial: Creating a Photo Gallery
183(12)
Framing an Image
184(2)
Adding a Caption
186(2)
Building a Photo Gallery
188(5)
Adding Drop Shadows
193(2)
Tutorial: Using Background Images
195(14)
Adding an Image to the Page Background
196(4)
Replacing Borders with Graphics
200(1)
Using Graphics for Bulleted Lists
201(2)
Adding Rounded Corners to the Sidebar
203(3)
Creating an External Style Sheet
206(3)
Sprucing Up Your Site's Navigation
209(42)
Selecting Which Links to Style
209(3)
Understanding Link States
209(2)
Targeting Particular Links
211(1)
Styling Links
212(6)
Underlining Links
212(2)
Creating a Button
214(2)
Using Graphics
216(2)
Building Navigation Bars
218(9)
Using Unordered Lists
218(1)
Vertical Navigation Bars
219(3)
Horizontal Navigation Bars
222(5)
Advanced Link Techniques
227(6)
Big Clickable Buttons
227(2)
CSS-Style Preloading Rollovers
229(2)
Sliding Doors
231(2)
Tutorial: Styling Links
233(18)
Basic Link Formatting
233(2)
Adding a Background Image to a Link
235(2)
Highlighting External Links
237(2)
Marking Visited Pages
239(1)
Creating a Vertical Navigation Bar
239(4)
Adding Rollovers and Creating ``You Are Here'' Links
243(3)
Fixing the IE Bugs
246(1)
From Vertical to Horizontal
247(4)
Formatting Tables and Forms
251(26)
Using Tables the Right Way
251(2)
Styling Tables
253(6)
Adding Padding
254(1)
Adjusting Vertical and Horizontal Alignment
254(2)
Creating Borders
256(1)
Styling Rows and Columns
256(3)
Styling Forms
259(5)
HTML Form Elements
260(2)
Laying Out Forms Using CSS
262(2)
Tutorial: Styling a Table
264(4)
Tutorial: Styling a Form
268(9)
Part Three: CSS Page Layout
Building Float-Based Layouts
277(48)
How CSS Layout Works
277(2)
The Mighty <div> Tag
278(1)
Types of Web Page Layouts
279(1)
Float Layout Basics
280(4)
Applying Floats to Your Layouts
284(8)
Floating All Columns
285(1)
Floats Within Floats
286(1)
Using Negative Margins to Position Elements
287(5)
Overcoming Float Problems
292(10)
Clearing and Containing Floats
293(4)
Creating Full-Height Columns
297(2)
Preventing Float Drops
299(3)
Handling Internet Explorer Bugs
302(5)
Double-Margin Bug
302(2)
3-Pixel Gaps
304(2)
Other IE Problems
306(1)
Tutorial: Multiple Column Layouts
307(7)
Structuring the HTML
307(1)
Creating the Layout Styles
308(1)
Adding Another Column
309(2)
Adding a ``Faux Column''
311(2)
Fixing the Width
313(1)
Tutorial: Negative Margin Layout
314(11)
Centering a Layout
314(4)
Floating the Columns
318(4)
Final Adjustments
322(3)
Positioning Elements on a Web Page
325(40)
How Positioning Properties Work
326(11)
Setting Positioning Values
328(4)
When Absolute Positioning Is Relative
332(1)
When (and Where) to Use Relative Positioning
333(3)
Stacking Elements
336(1)
Hiding Parts of a Page
337(1)
Powerful Positioning Strategies
337(13)
Positioning Within an Element
339(1)
Breaking an Element Out of the Box
340(1)
Using CSS Positioning for Page Layout
341(4)
Creating CSS-Style Frames Using Fixed Positioning
345(5)
Tutorial: Positioning Page Elements
350(15)
Enhancing a Page Banner
350(4)
Adding a Caption to a Photo
354(3)
Laying Out the Page
357(8)
Part Four: Advanced CSS
CSS for the Printed Page
365(18)
How Media Style Sheets Work
365(2)
How to Add Media Style Sheets
367(2)
Specifying the Media Type for an External Style Sheet
367(1)
Specifying the Media Type Within a Style Sheet
368(1)
Creating Print Style Sheets
369(7)
Using limportant to Override Onscreen Styling
369(1)
Reworking Text Styles
370(1)
Styling Backgrounds for Print
371(2)
Hiding Unwanted Page Areas
373(1)
Adding Page Breaks for Printing
374(2)
Tutorial: Building a Print Style Sheet
376(7)
Remove Unneeded Page Elements
376(2)
Removing Backgrounds and Adjusting the Layout
378(1)
Reformatting the Text
379(1)
Displaying the Logo
380(1)
Displaying URLs
380(3)
Improving Your CSS Habits
383(80)
Adding Comments
383(1)
Organizing Styles and Style Sheets
384(6)
Name Styles Clearly
384(1)
Use Multiple Classes to Save Time
385(2)
Organize Styles by Grouping
387(1)
Using Multiple Style Sheets
388(2)
Eliminating Browser Style Interference
390(4)
Using Descendent Selectors
394(4)
Compartmentalize Your Pages
394(2)
Identify the Body
396(2)
Managing Internet Explorer Hacks
398(7)
Design for Contemporary Browsers First
398(1)
Isolate CSS for IE with Conditional Comments
399(6)
Part Five: Appendixes
Appendix A: CSS Property Reference
405(28)
Appendix B: CSS in Dreamweaver 8
433(22)
Appendix C: CSS Resources
455(8)
Index 463

An electronic version of this book is available through VitalSource.

This book is viewable on PC, Mac, iPhone, iPad, iPod Touch, and most smartphones.

By purchasing, you will be able to view this book online, as well as download it, for the chosen number of days.

Digital License

You are licensing a digital product for a set duration. Durations are set forth in the product description, with "Lifetime" typically meaning five (5) years of online access and permanent download to a supported device. All licenses are non-transferable.

More details can be found here.

A downloadable version of this book is available through the eCampus Reader or compatible Adobe readers.

Applications are available on iOS, Android, PC, Mac, and Windows Mobile platforms.

Please view the compatibility matrix prior to purchase.