CSS: The Missing Manual

摘要:CSS: The Missing Manual


Table of Contents
The Missing Credits 
Introduction

Part One: CSS Basics
Chapter 1: Rethinking HTML for CSS
	HTML: Past and Present 
		HTML Past: Whatever Looked Good 
		HTML Present: Scaffolding for CSS 
	Writing HTML for CSS 
		Think Structure 
		Two New HTML Tags to Learn 
		HTML to Forget 
		Tips to Guide Your Way 
	The Importance of the Doctype 
	Getting the Most out of Internet Explorer 8 
Chapter 2: Creating Styles and Style Sheets 
	Anatomy of a Style 
	Understanding Style Sheets 
		Internal or External—How to Choose 
	Internal Style Sheets 
	External Style Sheets 
		Linking a Style Sheet Using HTML 
		Linking a Style Sheet Using CSS 
	Tutorial: Creating Your First Styles 
		Creating an Inline Style 
		Creating an Internal Style Sheet 
		Creating an External Style Sheet 
Chapter 3: Selectors: Identifying What to Style
	Tag Selectors: Page-Wide Styling 
	Class Selectors: Pinpoint Control 
	ID Selectors: Specific Page Elements 
	Styling Groups of Tags 
		Constructing Group Selectors 
		The Universal Selector (Asterisk) 
	Styling Tags Within Tags 
		The HTML Family Tree 
		Building Descendent Selectors 
	Pseudo-Classes and Pseudo-Elements 
		Styles for Links 
		Styling Paragraph Parts 
		More Pseudo-Classes and -Elements 
	Advanced Selectors 
		Child Selectors 
		Adjacent Siblings 
		Attribute Selectors 
	Tutorial: Selector Sampler 
		Creating a Group Selector 
		Creating and Applying a Class Selector 
		Creating a Descendent Selector 
		Creating and Applying an ID Selector 
		Finishing Touches 
Chapter 4: Saving Time with Style Inheritance
	What Is Inheritance? 
	How Inheritance Streamlines Style Sheets 
	The Limits of Inheritance 
	Tutorial: Inheritance 
		A Basic Example: One Level of Inheritance 
		Using Inheritance to Restyle an Entire Page 
		Inheritance Inaction 
Chapter 5: Managing Multiple Styles: The Cascade 
	How Styles Cascade 
		Inherited Styles Accumulate 
		Nearest Ancestor Wins 
		The Directly Applied Style Wins 
		One Tag, Many Styles 
	Specificity: Which Style Wins 
		The Tiebreaker: Last Style Wins 
	Controlling the Cascade 
		Changing the Specificity 
		Selective Overriding 
		Starting with a Clean Slate 
	Tutorial: The Cascade in Action 
		Resetting CSS and Styling from Scratch 
		Creating a Hybrid Style 
		Overcoming Conflicts 
		
Part Two: Applied CSS
Chapter 6: Formatting Text 
	Formatting Text 
		Choosing a Font 
		Adding Color to Text 
	Changing Font Size 
		Using Pixels 
		Using Keywords, Percentages, and Ems 
	Formatting Words and Letters 
		Italicizing and Bolding 
		Capitalizing 
		Decorating 
		Letter and Word Spacing 
	Formatting Entire Paragraphs 
		Adjusting the Space Between Lines 
		Aligning Text 
		Indenting the First Line and Removing Margins 
		Formatting the First Letter or First Line of a Paragraph 
	Styling Lists 
		Types of Lists 
		Positioning Bullets and Numbers 
		Graphic Bullets 
	Tutorial: Text Formatting in Action 
		Setting Up the Page 
		Formatting the Headings and Paragraphs 
		Formatting Lists 
		Fine-Tuning with Classes 
		Adding the Finishing Touches 
Chapter 7: Margins, Padding, and Borders 
	Understanding the Box Model 
	Control Space with Margins and Padding 
		Margin and Padding Shorthand 
		Colliding Margins 
		Removing Space with Negative Margins 
		Displaying Inline and Block-Level Boxes 
	Adding Borders 
		Border Property Shorthand 
		Formatting Individual Borders 
	Coloring the Background 
	Determining Height and Width 
		Calculating a Box’s Actual Width and Height 
		Controlling the Tap with the Overflow Property 
	Wrap Content with Floating Elements 
		Backgrounds, Borders, and Floats 
		Stopping the Float 
	Tutorial: Margins, Backgrounds, and Borders 
		Controlling Page Margins and Backgrounds 
		Adjusting the Space Around Tags 
		Building a Sidebar 
		Fixing the Browser Bugs 
		Going Further 
Chapter 8: Adding Graphics to Web Pages 
	CSS and the  Tag 
	Background Images
	Controlling Repetition 
	Positioning a Background Image 
		Keywords
		Precise Values
		Percentage Values
		Fixing an Image in Place
	Using Background Property Shorthand
	Tutorial: Enhancing Images
		Framing an Image
		Adding a Caption
	Tutorial: Creating a Photo Gallery
		Adding Drop Shadows
	Tutorial: Using Background Images
		Adding an Image to the Page Background
		Replacing Borders with Graphics
		Using Graphics for Bulleted Lists
		Giving the Sidebar Personality
		Going Further
Chapter 9: Sprucing Up Your Site’s Navigation
	Selecting Which Links to Style
		Understanding Link States
		Targeting Particular Links
	Styling Links
		Underlining Links
		Creating a Button
		Using Graphics
	Building Navigation Bars
		Using Unordered Lists
		Vertical Navigation Bars
		Horizontal Navigation Bars
	Advanced Link Techniques
		Big Clickable Buttons
		CSS-Style Preloading Rollovers
		Sliding Doors
		Styling Particular Types of Links
	Tutorial: Styling Links
		Basic Link Formatting
		Adding a Background Image to a Link
		Highlighting Different Links
	Tutorial: Creating a Navigation Bar
		Adding Rollovers and Creating “You Are Here” Links
		Fixing the IE Bugs
		From Vertical to Horizontal
Chapter 10: Formatting Tables and Forms
	Using Tables the Right Way
	Styling Tables
		Adding Padding
		Adjusting Vertical and Horizontal Alignment
		Creating Borders
		Styling Rows and Columns
	Styling Forms
		HTML Form Elements
		Laying Out Forms Using CSS
	Tutorial: Styling a Table
	Tutorial: Styling a Form
Part Three: CSS Page Layout
Chapter 11: Introducing CSS Layout
	Types of Web Page Layouts
	How CSS Layout Works
		The Mighty 
Tag Techniques for CSS Layout Layout Strategies Start with Your Content Mock Up Your Design Identify the Boxes Go with the Flow Remember Background Images Pieces of a Puzzle Layering Elements Don’t Forget Margins and Padding Chapter 12: Building Float-Based Layouts Applying Floats to Your Layouts Floating All Columns Floats Within Floats Using Negative Margins to Position Elements Overcoming Float Problems Clearing and Containing Floats Creating Full-Height Columns Preventing Float Drops Handling Internet Explorer 6 Bugs Double-Margin Bug 3-Pixel Gaps Other IE Problems Tutorial: Multiple-Column Layouts Structuring the HTML Creating the Layout Styles Adding Another Column Adding a “Faux Column” Fixing the Width Tutorial: Negative Margin Layout Centering a Layout Floating the Columns Final Adjustments Chapter 13: Positioning Elements on a Web Page How Positioning Properties Work Setting Positioning Values When Absolute Positioning Is Relative When (and Where) to Use Relative Positioning Stacking Elements Hiding Parts of a Page Powerful Positioning Strategies Positioning Within an Element Breaking an Element Out of the Box Using CSS Positioning for Page Layout Creating CSS-Style Frames Using Fixed Positioning Tutorial: Positioning Page Elements Enhancing a Page Banner Adding a Caption to a Photo Laying Out the Page Part Four: Advanced CSS Chapter 14: CSS for the Printed Page How Media Style Sheets Work How to Add Media Style Sheets Specifying the Media Type for an External Style Sheet Specifying the Media Type Within a Style Sheet Creating Print Style Sheets Using !important to Override Onscreen Styling Reworking Text Styles Styling Backgrounds for Print Hiding Unwanted Page Areas Adding Page Breaks for Printing Tutorial: Building a Print Style Sheet Remove Unneeded Page Elements Adjusting the Layout Reformatting the Text Displaying URLs Chapter 15: Improving Your CSS Habits Adding Comments Organizing Styles and Style Sheets Name Styles Clearly Use Multiple Classes to Save Time Organize Styles by Grouping Using Multiple Style Sheets Eliminating Browser Style Interference Using Descendent Selectors Compartmentalize Your Pages Identify the Body Managing Internet Explorer Hacks Design for Contemporary Browsers First Isolate CSS for IE with Conditional Comments Chapter 16: CSS 3: CSS on the Edge An Overview of CSS 3 CSS 3 Selectors Child Selectors Type Selectors Opacity RGBA Color Simulating RGBA in Internet Explorer Text Shadow Font Freedom Generated Content Part Five: Appendixes Appendix A: CSS Property Reference Appendix B: CSS in Dreamweaver CS4 Appendix C: CSS Resources Index