Table of Contents

Introduction

Chapter 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

Chapter 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

Chapter 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

Chapter 4 Selective Styling

The Element Family Tree

Defining Styles Based on Context

ImageWorking with Pseudo-Classes

Working with Pseudo-Elements

Defining Styles Based on Tag Attributes

ImageQuerying the Media

Inheriting Properties from a Parent

Making a Declaration !important

Determining the Cascade Order

Chapter 5 Font Properties

Getting Started

Understanding Typography on the Web

Setting a Font-Stack

ImageUsing Web Fonts

Setting the Font Size

ImageAdjusting Font Size for Understudy Fonts

Making Text Italic

Setting Bold, Bolder, Boldest

ImageUsing Condensed and Expanded Fonts

Creating Small Caps

Setting Multiple Font Values at the Same Time

Putting It All Together

Chapter 6 Text Properties

Getting Started

Adjusting Text Spacing

Setting Text Case

ImageAdding a Text Drop Shadow

ImageAligning Text Horizontally

Aligning Text Vertically

Indenting Paragraphs

Controlling White Space

Decorating Text

ImageComing Soon!

Putting It All Together

Chapter 7 Color and Background Properties

Getting Started

Choosing Color Values

ImageCreating Color Gradients

Choosing Your Color Palette

Setting Text Color

Setting a Background Color

ImageSetting Background Images

Using Background Shorthand to Add Multiple Background Images and Gradients

Putting It All Together

Chapter 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

Chapter 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

Chapter 10 Box Properties

Understanding an Element’s Box

Displaying an Element

Setting the Width and Height of an Element

ImageControlling Overflowing Content

Floating Elements in the Window

Setting an Element’s Margins

Setting an Element’s Outline

Setting an Element’s Border

ImageRounding Border Corners

ImageSetting a Border Image

Setting an Element’s Padding

ImageCreating a Multi-Column Text Layout

Coming Soon!

Putting It All Together

Chapter 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

ImageSetting an Element’s Opacity

ImageSetting an Element’s Shadows

Putting It All Together

Chapter 12 Transformation and Transition Properties

Getting Started

ImageTransforming an Element

ImageAdding Transitions Between Element States

Putting It All Together

Chapter 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

Chapter 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

Chapter 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

Appendix A CSS Quick Reference

Basic Selectors

Pseudo-Classes

Pseudo-Elements

Font Properties

Text Properties

Color and Background Properties

List Properties

Table Properties

User Interface and Generated Content Properties

Box Properties

Visual Formatting Properties

Transform Properties

Transition Properties

Appendix B HTML and UTF Character Encoding

HTML and UTF Character Encoding

Index

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.133.124.145