CSS stands for Cascading Style Sheets. A cascading style sheet file is used to define a cascading style sheet for a web page. The purpose is to provide more control over the fonts, colors, layout, etc. that go into the web page than could be provided by raw HTML. Also, since the cascading style sheet file is separate from the HTML files, it can be shared (or even inherited; a little outside the scope of this document) by multiple web pages to help provide a consistent look-and-feel across a web site. In addition, we cover the following topics:

Chapter 1: Introduction to CSS

• What Is a Style Sheet?
• Implementation of CSS in Browsers
• CSS and HTML
• Downloading and Extracting the Example Files
• Using a Text Editor to Work with the Examples

Chapter 2: Setting Your Page's Base Styles

• Checking Which Browser You're Using
• Using This Chapter's Example File
• A Quick Word About Using the Example File
• Controlling the Body of Your Page
• Setting the P Rule for Paragraphs

Chapter 3: Setting Your Page's Other Styles

• Using the Example File
• Setting the H1 Rule
• Using a Group Selector to Set the Other Heading Characteristics
• Setting the List Characteristics
• Setting the Address Characteristics

Chapter 4: Using CSS with HTML

• Separating Appearance from Structure
• CSS and Deprecated Elements and Attributes
• A Word About Frames
• The Three Flavors of HTML

Chapter 5: Cascading, Grouping, and Inheritance

• How Cascading Works
• How Grouping Works
• How Inheritance Works

Chapter 6: Working with Colors and Backgrounds

• Using the Example File
• Setting Foreground and Background Colors
• Setting Background Images
• Using the Background Shorthand Property

Chapter 7: Working with Fonts

• Using the Example File
• Setting Font Sizes
• Setting Font Families
• Setting Font Weights
• Setting Font Styles and Variants
• Using the Font Stretch Property
• Using the Font Shorthand Property
• Font Matching and the @font-face At-Rule

Chapter 8: Working with Text and Links

• Using the Example File
• Horizontally Aligning Text
• Indenting the First Text Line
• Controlling the Line Height
• Controlling Letter and Word Spacing
• Setting Underlining, Overlining, and Other Highlighting
• Controlling Capitalization
• Setting Text Shadows
• Using the SPAN Element
• Controlling the Appearance of Links

Chapter 9: Formatting Block Elements

• Understanding the CSS Formatting Model
• Using the Example File
• Setting Margins
• Setting Padding
• Setting Borders
• Using the DIV Element
• Setting Padding, Borders, and Margins for Images and Other Objects

Chapter 10: Aligning, Floating, and Positioning

• Horizontally Aligning Block Elements
• Floating Elements
• Creating an Online Picture Gallery
• Positioning Elements

Chapter 11: Working with Lists

• Creating Bulleted Lists
• Creating Link Lists
• Creating Numbered Lists
• Creating Glossary Lists

Chapter 12: Working with Tables

• Using the Example HTML File
• CSS and Tables
• Controlling Table Width and Horizontal Alignment
• Controlling Spacing, Padding, and Borders
• Aligning Table Cell Contents
• Working with Rows and Columns
• Putting On the Finishing Touches

Chapter 13: Creating Menus and Interfaces

• Using the Example HTML File
• Creating Interactive Menus
• Creating an Interactive Sidebar Menu
• Creating a Ribbon Menu

Chapter 14: Creating Page Layouts and Site Designs

• Using the Example HTML Files
• Keeping It Simple
• Using a Fixed Sidebar Background
• Creating Multi-Column Layouts
• Creating a Three-Column Layout
• Creating Site Designs

Chapter 15: Validating Your Style Sheet

• Why Validate?
• Validation Options
• The W3C's CSS and HTML Validators
• Using the WDG's CSS and HTML Validators
• Using Other HTML Validators and Page Checkers

Chapter 16: Providing for Backward Compatibility

• Using the Example File
• What About Non-Conforming Browsers?
• Using Gateway Pages and Browser Sniffers
• Participating in the Web Standards Project
• Using the LINK Element with a MEDIA Attribute
• Finding Out What Works (and Doesn't Work) in Which Browsers
• The Comment Bug
• A Practical Example
• Understanding How DocType Switching Works

Would you like to learn CSS? We provide home tutoring service. We also provide e-commerce/graphics & web design service at your home or office.

Please contact us for any additional information.

---