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.
Contents
Introduction.
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?
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
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.
Using the ExampleFile.
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.
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.
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.
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.
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.
Containment and
Application in HTML. CSS1 Properties (Alphabetical). A Look
Ahead at CSS3.
Appendix B. Using CSS with Other Technologies.
Using
JavaScript with CSS.
Creating Dynamic Styles with Dynamic HTML. Using CSS with
XML.
Style Sheet Editors.
CSS-Supporting HTML Editors and Web Publishing. Text
Editors.
Windows. Macintosh. Other Platforms. Miscellaneous
Utilities.