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 pages.
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 CONCEPTS4. 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. What's Next?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. What's Next?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?
VIII. APPENDIXES.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.
Style Sheet Editors. CSS-Supporting HTML Editors and Web Publishing. Text Editors. Windows. Macintosh. Other Platforms. Miscellaneous Utilities.Index.