CSS: The Missing Manual TOC

Related Links

Important Facts About CSS: The Missing Manual

alt
  • Over 460 pages of in-depth information and cutting edge techniques
  • Over 100 pages of hands-on tutorials!
  • Covers Internet Explorer 7
  • Learn how to overcome the most troublesome Internet Explorer bugs
  • Build complete page layouts with CSS magic
  • Create interactive and easily maintained graphic navigation bars
  • Make your Web site's text look great
  • Includes comprehensive CSS property reference

Part One: CSS Basics

Chapter1: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

Chapter2: 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

Chapter 3: Selector Basics: Identifying What to Style

  • Tag Selectors: Page-wide Styling
  • Class Selectors: Pinpoint Control
  • ID Selectors: Specific Page Elements
  • Styling Tags Within Tags
    • The HTML Family Tree
    • Building Descendent Selectors
  • Styling Groups of Tags
    • Constructing Group Selectors
    • The Universal Selector (Asterisk)
  • Pseudo-Classes and Pseudo-Elements
    • Styles for Links
    • More Pseudo-Classes and -Elements
  • Advanced Selectors
    • Child Selectors
    • Adjacent Siblings
    • Attribute Selectors
  • Tutorial: Selector Sampler see completed exercise
    • Creating a Group Selector
    • Creating and Applying a Class Selector
    • Creating and Applying an ID Selector
    • Creating a Descendent Selector

Chapter 4: Saving Time With Inheritance

  • What Is Inheritance?
  • How Inheritance Streamlines Style Sheets
  • The Limits of Inheritance
  • Tutorial: Inheritance see completed exercise
    • 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
  • Tutorial: The Cascade in Action see completed exercise
    • Creating a Hybrid Style
    • Combining Cascading and Inheritance
    • 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 see completed exercise
    • Setting Up the Page
    • Formatting the Headings and Paragraphs
    • Formatting Lists
    • 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 see completed exercise
    • Controlling Page Margins
    • Adjusting the Space Around Tags
    • Emphasizing Text with Backgrounds and Borders
    • Building a Sidebar
    • Fixing the Browser Bugs
    • Going Further

Chapter 8: Adding Graphics to Web Pages

  • CSS and the <img> Tag
  • Background Images
  • Controlling Repetition
  • Positioning a Background Image
    • Keywords
    • Precise Values
    • Percentage Values
    • Fixing an Image in Place
  • Using Background Property Shorthand
  • Tutorial: Creating a Photo Gallery
  • Tutorial: Using Background Images see completed exercise
    • Adding an Image to the Page Background
    • Replacing Borders with Graphics
    • Using Graphics for Bulleted Lists
    • Adding Rounded Corners to the Sidebar
    • Creating an External Style Sheet

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
  • Tutorial: Styling Links

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 see completed exercise
  • Tutorial: Styling a Form see completed exercise

Part Three: CSS Page Layout

Chapter11: Building Float-Based Layouts

  • How CSS Layout Works
    • The Mighty <div> Tag
  • Types of Web Page Layouts
  • Float Layout Basics
  • 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 Bugs
    • Double-Margin Bug
    • 3-Pixel Gaps
    • Other IE Problems
  • Tutorial: Multiple Column Layouts see completed exercise
    • Structuring the HTML
    • Creating the Layout Styles
    • Adding Another Column
    • Adding a ‘Faux Column’
    • Fixing the Width
  • Tutorial: Negative Margin Layout see completed exercise
    • Centering a Layout
    • Floating the Columns
    • Final Adjustments

Chapter 12: 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 see completed exercise
    • Enhancing a Page Banner
    • Adding a Caption to a Photo
    • Laying Out the Page

Part Four: Advanced CSS

Chapter 13: 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 see completed exercise
    • Remove Unneeded Page Elements
    • Removing Backgrounds and Adjusting the Layout
    • Reformatting the Text
    • Displaying the Logo
    • Displaying URLs

Chapter 14: 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

Part Five: Appendices

Appendix A: CSS Property Reference

Appendix B: CSS in Dreamweaver 8

  • Creating Styles
    • Phase 1: Set Up the CSS Type
    • Phase 2: Defining the Style
  • Adding Styles to Web Pages
    • Linking to an External Style Sheet
    • Applying a Class Style
    • Un-Applying a Class Style
  • Editing Styles
    • Editing in the Properties Pane
  • Managing Styles
    • Deleting a Style
    • Renaming a Class Style
    • Duplicating a Style
  • Examining Your CSS in the Styles Panel
    • Current Selection Mode
    • Deciphering the Cascade
  • CSS Properties

Appendix C: CSS Resources

  • References
    • World Wide Web Consortium (WC)
    • Books and PDFs
    • Online Tutorial
  • CSS Help
    • Email List
    • Discussion Boards
  • CSS Navigation
    • Tutorials
    • Online Examples
  • CSS and Graphics
  • CSS Layout
    • Box Model Information
    • Float Layouts
    • Absolute Position Layouts
    • Layout Examples
    • Miscellaneous Layout Resources
  • Browser Bugs
    • Windows Internet Exploder
    • Mac Internet Explorer
  • Showcase Sites
  • CSS Books
  • Must-Have RSS Feeds
  • CSS Software
    • Windows and Mac
    • Windows Only
    • Mac Only

 

Dreamweaver 8: The Missing ManualCSS: The Missing Manual

Etc: Recent Posts