Advanced CSS

#text-block-8 { margin-bottom:0px; text-align:left; }

#text-block-11 { margin-bottom:0px; text-align:left; }

1. Positioning and Visibility

Element Flow Position

Positioning Z-index Display

Visibility Float Clear

2. Advanced CSS Page Layout

Resetting Styles

Full Width Layouts Two-column Three-column

Positioning the Headings Fixed Width Layouts

A Recommendation on Positioning Other Methods of Layout

3. CSS Shorthand Properties

What is CSS Shorthand?

Benefits of Using CSS Shorthand Shorthand Margins and Padding Shorthand Border and Outline Shorthand Backgrounds Shorthand Fonts Shorthand Lists

4. CSS Lists as Hierarchical Navigation

Menus as Lists

CSS Horizontal Menu CSS Vertical Menu CSS Dynamic Menus Assessibility

5. CSS Background Tricks

Rounded Corner Boxes

Fixed-width Rounded Corner

Boxes

Mountaintop Corners Tabbed Navigation Drop Shadows CSS Sprites

#text-block-12 { margin-bottom:0px; text-align:left; }

6. Laying out and Styling Forms with CSS

Laying out the Questions Creating the Form Reset Revisited Styling the Form

Expanding the Form

7. CSS Best Practices

Considerations Use CSS

Use External Style Sheets ID the Body

Use CSS Shorthand Combine CSS Rules Use a CSS Reset

Use the “ LoVe HAte ” Rule

Use the HTML Lists for

Navigation Menus Avoid CSS Hacks

Use a CSS Compressor Use a Master Style Sheet

8. Browser-compatibility Issues

Quirks Mode

Controlling Browser Modes

Design Strategy

Internet Explorer Conditional Statements Common Browser Bugs / Issues Positioning Legends Double-Margin Bug Float-Width Bug 3-Pixel Gap Bug