INTRODUCTION
CHAPTER 1: XHTML: GIVING STRUCTURE TO CONTENT
- Web Standards
- Even Today, IDWIMIE
- Content, Structure, and Presentation.
- The Times They Are A-Changing
- The Way We Were...
- The Future Just Happened
- XHTML and How to Write It
- XHTML—The Rules
- An XHTML Template
- Marking Up Your Content
- Document flow—Block and Inline Elements
- Document Hierarchy: Meet the XHTML Family
CHAPTER 2: HOW CSS WORKS
- The Three Ways to Style Your Document
- Inline Styles
- Embedded Styles
- Linked Styles
- Anatomy of a CSS Rule
- Writing CSS Rules
- Targeting Tags Within the Document Hierarchy
- Using Contextual Selectors
- Working with Child Selectors
- Adding Classes and IDs
- Simple Use of a Class
- Contextual Class Selectors
- Multiple classes
- Introducing IDs
- The Difference Between IDs and Classes
- Specialized selectors
- The Star Selector
- The Adjacent Sibling Selector
- Attribute Selectors
- Summary of Selectors
- Pseudo-Classes
- Anchor Link Pseudo-Classes
- Other Useful Pseudo-Classes
- Pseudo-elements
- Inheritance
- The Cascade
- Sources of Styles
- The Cascade Rules
- Rule Declarations
- Numerical Values
- Color Values
CHAPTER 3: STYLIN’ FONTS AND TEXT
- Specifying Fonts in CSS
- Introducing Font Collections
- Exploring Font Families
- Using Embedded Styles (for Now)
- Setting the Font Family for the Entire Page
- Sizing Fonts
- Inherited Styles in Nested Tags
- Font Properties
- Font-Style Property
- Font-Weight Property
- Font-Variant Property
- The Font Property Shorthand
- Text Properties
- Text-Indent Property
- Letter-Spacing Property
- Word-Spacing Property
- Text-Decoration Property
- Text-Align Property
- Line-Height Property
- Text-Transform Property
- Vertical-Align Property
- Using Font and Text Styles
CHAPTER 4: POSITIONING ELEMENTS
- Understanding the Box Model
- The Box Border
- The Box Padding
- The Box Margins
- Collapsing Margins
- How Big Is a Box?
- Creating a single column with contained elements
- Floating and Clearing
- The Float Property
- The Clear Property
- The Position Property
- Static Positioning
- Relative Positioning
- Absolute Positioning
- Fixed Positioning
- Positioning Context
- The Display Property
- Positioning/Display Example
CHAPTER 5: BASIC PAGE LAYOUT
- Some Multi-column Layouts
- Introducing Stylib—the Stylin’ Library
- Width Matters
- Floated Versus Absolutely-Positioned Layouts
- A Simple Two-Column Fixed-Width Layout
- Know Your Inner Div
- Prevent Unwanted Overflow
- Freely Style Your Inner Divs
- Styling the Text
- A Simple Two-Column Liquid Layout
- Use a Little Constraint
- A Three-Column Fixed-Width Layout
- Three-Column Liquid Layout
- Making All the Columns the Same Length
- Faux Columns
- Two-Column Liquid Layout With Faux Columns
- Three-Column Liquid Layout With Faux Columns
- Programmatically Extend Columns (And Round Their Corners!)
- An Absolutely-Positioned Layout
CHAPTER 6: INTERFACE COMPONENTS
- Designing Tables
- Forms of Function
- How Forms Work
- Form Markup
- Form Styling
- Tiny Sign-in Form
- Lists and Menus
- Lists
- Styling Lists
- Converting the List into a Menu
- Basic Link Styling
- Creating CSS-Based Menus
- A Drop-down Menu Tutorial
- Creating the Drop-downs on the Menu
