CSS Mastery

This book is your indispensable guide to cutting-edge CSS development--all you need to work your way up to CSS professional.

You'll learn how to:

    Plan, organize, and maintain your stylesheets more effectively
    Apply the secrets of liquid, elastic, and hybrid layouts
    Create flickr™-style image maps, remote rollovers, and other advanced CSS features
    Lay out forms using pure CSS
    Recognize common browser bugs, and how to fix them


While CSS is a relatively simple technology to learn, it is a difficult one to master. When you first start developing sites using CSS, you will come across all kinds of infuriating browser bugs and inconsistencies. It sometimes feels like there are a million and one different techniques to master, spread across a bewildering array of websites. The range of possibilities seems endless and makes for a steep and daunting learning curve.

By bringing all of the latest tips, tricks, and techniques together in one handy reference, this book demystifies the secrets of CSS and makes the journey to CSS mastery as simple and painless as possible. While most books concentrate on basic skills, this one is different, assuming that you already know the basics and why you should be using CSS in your work, and concentrating mainly on advanced techniques.

It begins with a brief recap of CSS fundamentals such as the importance of meaningful markup, how to structure and maintain your code, and how the CSS layout model really works.

With the basics out of the way, each subsequent chapter details a particular aspect of CSS-based design. Through a series of easy-to-follow tutorials, you will learn practical CSS techniques you can immediately start using in your daily work. Browser inconsistencies are the thorn in most CSS developers' sides, so we have dedicated two whole chapters to CSS hacks, filters, and bug fixing, as well as looking at image replacement; professional link, form, and list styling; pure CSS layouts; and much more.

All of these techniques are then put into practice in two beautifully designed case studies, written by two of the world's best CSS designers, Simon Collison and Cameron Moll.

Summary of Contents:

    Chapter 1: Setting the Foundations
    Chapter 2: Visual Formatting Model Recap
    Chapter 3: Background Images and Image Replacement
    Chapter 4: Styling Links
    Chapter 5: Styling Lists and Creating Nav Bars
    Chapter 6: Styling Forms and Data Tables
    Chapter 7: Layout
    Chapter 8: Hacks and Filters
    Chapter 9: Bugs and Bug Fixing
    Case Study 1: More Than Doodles
    Case Study 2: Tuscany Luxury Resorts