Cascading Style Sheets (CSS) by Example allows you to learn the
fundamentals of CSS by taking you through small, gradual steps. It provides
examples using CSS in "real world" scenarios. Cascading Style Sheets (CSS) by
Example follows a logical, linear teaching style that will ultimately have
you using CSS to utilize more control over the appearance and styling of Web
Table of Contents
I. CREATING YOUR FIRST STYLE SHEET.
1. Getting Oriented.
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. What's Next?
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. What's Next?
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. What's Next?
II. UNDERSTANDING BASIC CONCEPTS
4. Using CSS with HTML.
Containment in HTML. Separating Appearance from
Structure. CSS and Deprecated Elements and Attributes. A Word About Frames. The
Three Flavors of HTML. What's Next?
5. Cascading, Grouping, and Inheritance.
How Cascading Works. How Grouping Works. How
Inheritance Works. What's Next?
III. WORKING WITH COLORS, FONTS, AND TEXT.
6. Working with Colors and Backgrounds.
Using the Example File. Setting Foreground and
Background Colors. Setting Background Images. Using the Background Shorthand
Property. What's Next?
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. What's Next?
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. What's Next?
IV. WORKING WITH BLOCK ELEMENTS AND OBJECTS.
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.
10. Aligning, Floating, and Positioning.
Horizontally Aligning Block Elements. Floating
Elements. Creating an Online Picture Gallery. Positioning Elements. What's Next?
V. WORKING WITH LISTS AND TABLES.
11. Working with Lists.
Creating Bulleted Lists. Creating Link Lists.
Creating Numbered Lists. Creating Glossary Lists. What's Next?
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. What's Next?
VI. GETTING DEEPER INTO USING STYLES.
13. Creating Menus and Interfaces.
Using the Example HTML File. Creating
Interactive Menus. Creating an Interactive Sidebar Menu. Creating a Ribbon Menu.
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. What's Next?
VII. VALIDATION AND COMPATIBILITY.
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. What's Next?
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. What's Next?
Appendix A. CSS Quick Reference.
Containment and Application in HTML. CSS1
Properties (Alphabetical). A Look Ahead at CSS3.
Appendix B. Using CSS with Other Technologies.
Styles with Dynamic HTML. Using CSS with XML.
Appendix C. Overview of CSS Software Tools.
Style Sheet Editors. CSS-Supporting HTML Editors
and Web Publishing. Text Editors. Windows. Macintosh. Other Platforms.