Learn how to use CSS (Cascading Style Sheets) in 24 easy lessons and master the style sheet approach to web design Updated code and examples, coverage of newer browsers, and CSS troubleshooting coverage make it easy for beginners to implement CSS on their websites
Code, examples, coverage of W3C standards, and using CSS in conjunction with Javascript and XML are on the Sams website
Progression of content helps beginners get their feet wet, and then move on logically to more advanced topics
Table of Contents
top
Introduction
Part I:
Introduction to CSS
Hour 1:
Understanding CSS
What Are Cascading Style Sheets?
The Origin of Cascading Style Sheets
CSS in Web Design
Browser Support
Summary
Workshop
Hour 2:
Getting Started with CSS
Creating a Style Sheet
Writing CSS Rules
Linking a Style Sheet to an HTML Page
Viewing Your Style Sheet
Summary
Workshop
Hour 3:
Browser Support for CSS
The Browser Problem
Modern Browsers and CSS
Summary
Workshop
Hour 4:
Using CSS with HTML
Types of HTML
Style Sheets in HTML
Classes and IDs
Summary
Workshop
Part II:
Core Principles of CSS
Hour 5:
Selectors
Simple Selectors
Combining Simple Selectors
Pseudo-Classes and Pseudo-Elements
Summary
Workshop
Hour 6:
The CSS Box Model
Displaying Content in CSS
Understanding the Box Model
Box Display Properties
Summary
Workshop
Hour 7:
Cascading and Inheritance
How the Cascade Works
User-Defined Style Sheets
Importing CSS
Inheritance
Summary
Workshop
Hour 8:
Advanced Selectors
Attribute Selectors
Summary
Workshop
Part III:
Styling Text with CSS
Hour 9:
Fonts and Font Families
Specifying Font Properties
Font Families
Summary
Workshop
Hour 10:
Text Colors and Effects
Text Colors
Special Text Effects
Controlling Text Spacing
Summary
Workshop
Hour 11:
Backgrounds and Background Colors
Setting Background Color
Using Background Images
Summary
Workshop
Hour 12:
Styling Links
CSS for Link Styling
Common Link-Styling Techniques
Summary
Workshop
Hour 13:
Lists
List Formatting
Summary
Workshop
Hour 14:
Forms
Styling Form Controls
Browser Support for Form Styles
Summary
Workshop
Part IV:
Layout with CSS
Hour 15:
Alignment
Aligning and Indenting Text
Floating Content
Summary
Workshop
Hour 16:
Borders and Boxes
Adjusting Boxes
Displaying Boxes
Summary
Workshop
Hour 17:
Styling Tables
Table Formatting
Applying Other Styles to Tables
Summary
Workshop
Hour 18:
Box Sizing and Offset
Sizing Content
Content Overflow
Summary
Workshop
Hour 19:
Absolute and Fixed Positioning
Positioning Content
Absolute Positioning
Layered Content
Fixed Positioning
Summary
Workshop
Hour 20:
Page Layout in CSS
Laying Out the Page
Summary
Workshop
Part V:
Mastering CSS
Hour 21:
Web Design with CSS
Basic Principles of Web Design
The Role of CSS in Web Design
Alternate Style Sheets
Summary
Workshop
Hour 22:
Accessibility and Print Media
What Is Accessibility?
Aural Cascading Style Sheets
Media-Specific Style Sheets
CSS Properties for the print Medium
Summary
Workshop
Hour 23:
User Interface and Generated Content
User Interface Properties
Creating Content
Summary
Workshop
Hour 24:
Troubleshooting and Browser Hacks
Troubleshooting Style Sheets
Browser Hacks
Proprietary CSS
Summary
Workshop
Part VI:
Appendixes
Appendix A:
Replacing Presentational HTML with CSS
Appendix B:
Glossary
Part VII:
Bonus Content
Bonus Hour 1:
CSS and JavaScript
What Is JavaScript?
Using JavaScript with CSS
Summary
Bonus Hour 2:
CSS and XML
What Is XML?
Displaying XML
XML-based Languages and CSS
Summary
