[Visual QuickStart Guid 01] • CSS3 · Visual QuickStart Guide by Teague, Jason Cranford -- Read -- Imperial Library of Trantor

Index

Title Page Copyright Page Dedication Special Thanks to Contents at a Glance Table of Contents Introduction

What Is This Book About? Values and Units Used in This Book Reading This Book The Code Web Site for This Book

1. Understanding CSS3

What Is a Style? What Are Cascading Style Sheets? The Evolution of CSS CSS and HTML Types of CSS Rules The Parts of a CSS Rule CSS Browser Extensions New in CSS3

2. HTML5 Primer

What Is HTML? Types of HTML Elements The Evolution of HTML5 What’s New in HTML5? How Does HTML5 Structure Work? Using HTML5 Structure Now

3. CSS Basics

The Basic CSS Selectors Inline: Adding Styles to an HTML Tag Embedded: Adding Styles to a Web Page External: Adding Styles to a Web Site (Re)Defining HTML Tags Defining Reusable Classes Defining Unique IDs Defining Universal Styles Grouping: Defining Elements That Are Using the Same Styles Adding Comments to CSS

4. Selective Styling

The Element Family Tree Defining Styles Based on Context Working with Pseudo-Classes Working with Pseudo-Elements Defining Styles Based on Tag Attributes Querying the Media Inheriting Properties from a Parent Making a Declaration !important Determining the Cascade Order

5. Font Properties

Getting Started Understanding Typography on the Web Setting a Font-Stack Using Web Fonts Setting the Font Size Adjusting Font Size for Understudy Fonts Making Text Italic Setting Bold, Bolder, Boldest Using Condensed and Expanded Fonts Creating Small Caps Setting Multiple Font Values at the Same Time Putting It All Together

6. Text Properties

Getting Started Adjusting Text Spacing Setting Text Case Adding a Text Drop Shadow Aligning Text Horizontally Aligning Text Vertically Indenting Paragraphs Controlling White Space Decorating Text Coming Soon! Putting It All Together

7. Color and Background Properties

Getting Started Choosing Color Values Creating Color Gradients Choosing Your Color Palette Setting Text Color Setting a Background Color Setting Background Images Using Background Shorthand to Add Multiple Background Images and Gradients Putting It All Together

8. List and Table Properties

Getting Started Setting the Bullet Style Creating Your Own Bullets Setting Bullet Positions Setting Multiple List Styles Setting the Table Layout Setting the Space Between Table Cells Collapsing Borders Between Table Cells Dealing with Empty Table Cells Setting the Position of a Table Caption Putting It All Together

9. User Interface and Generated Content Properties

Getting Started Changing the Mouse Pointer Appearance Adding Content Using CSS Teaching the Browser to Count Specifying the Quote Style Putting It All Together

10. Box Properties

Understanding an Element’s Box Displaying an Element Setting the Width and Height of an Element Controlling Overflowing Content Floating Elements in the Window Setting an Element’s Margins Setting an Element’s Outline Setting an Element’s Border Rounding Border Corners Setting a Border Image Setting an Element’s Padding Creating a Multi-Column Text Layout Coming Soon! Putting It All Together

11. Visual Formatting Properties

Getting Started Understanding the Window and Document Setting the Positioning Type Setting an Element’s Position Stacking Objects in 3D Setting the Visibility of an Element Clipping an Element’s Visible Area Setting an Element’s Opacity Setting an Element’s Shadows Putting It All Together

12. Transformation and Transition Properties

Getting Started Transforming an Element Adding Transitions Between Element States Putting It All Together

13. Essential Design and Interface Techniques

Getting Started Creating Multicolumn Layouts with Float Fixing the Float Styling Links vs. Navigation Using CSS Sprites Creating a CSS Drop-Down Menu Putting It All Together

14. Responsive Web Design

Getting Started What Is Responsive Design? Designing with Progressive Enhancements Resetting Browser Default Styles Adjusting CSS for Internet Explorer Adapting to the Environment

15. CSS Best Practices

Create Readable Style Sheets Have a Style Sheet Strategy Troubleshoot Your CSS Code View CSS in Firebug or Web Inspector Validate Your CSS Code Minify Your CSS 33 CSS Best Practices

A. CSS Quick Reference

Browsers legend Table value legend

B. HTML and UTF Character Encoding Index