Vous voulez voir cette page en français ? Cliquez ici.

Have one to sell? Sell yours here
Tell the Publisher!
I'd like to read this book on Kindle

Don't have a Kindle? Get your Kindle here, or download a FREE Kindle Reading App.

Eric Meyer on CSS: Mastering the Language of Web Design [Paperback]

Eric Meyer
4.5 out of 5 stars  See all reviews (54 customer reviews)

Available from these sellers.

Join Amazon Student in Canada

Book Description

July 8 2002 073571245X 978-0735712454 1

There are several other books on the market that serve as in-depth technical guides or reference books for CSS. None, however, take a more hands-on approach and use practical examples to teach readers how to solve the problems they face in designing with CSS - until now. Eric Meyer provides a variety of carefully crafted projects that teach how to use CSS and why particular methods were chosen. The web site includes all of the files needed to complete the tutorials in the book. In addition, bonus information is be posted.

Special Offers and Product Promotions

  • Join Amazon Student in Canada

Customers Who Bought This Item Also Bought

Product Details

Product Description

From the Publisher

If you were looking for someone to help you understand how to use CSS effectively in real-world projects that would be compatible across browsers, who would you go to? That one's easy -- Eric Meyer -- the guy web professionals call the CSS master or guru! Eric always wanted to add a third leg to the "two-legged stool" of CSS books he has written. I was fortunate enough to have the pleasure of working with Eric to make a practical project-based guide to CSS a reality.

Eric targeted this book at folks who have a pretty good knowledge of HTML and at least a basic knowledge of CSS. For those of you in that category, you'll love this book. You really get to work right along side Eric as he takes you through the progressively more advanced projects. This is one book you'll truly want to have on your desk if you want to incorporate CSS into your work!

In order to provide you with the resources you need on CSS in particular and web development in general, it's important to me to hear what you think about this book -- and what you'd like to see in future offerings. Please share your thoughts by emailing me at nrfeedback@newriders.com.


Linda Bump Sr. Acquisitions Editor, New Riders Publishing

From the Inside Flap

In addition to articlesand support charts and test suites, I've also written Cascading StyleSheets: The Definitive Guide (O'Reilly, 2000) and Cascading StyleSheets 2.0 Programmer's Reference (Osborne/McGraw-Hill, 2001), which tome always felt like two legs of a three-legged stool. The first leg coveredtheory in detail with the intent of educating the reader how CSS works in allits details. The second leg was meant for CSS authors who needed a referencetext to help them write clean CSS the first time and to remind them of valuenames and meanings. The missing third leg was a book that showed how CSS worksin a hands-on, practical way, preferably in full living color.

Happily, the third leg is missing no longer: Thanks to New Riders,you're holding it in your hands right now.

Should You Buy This Book?

That isn't a facetious question. As proud as I am of the work containedin these pages, I'm also keenly aware that this book is not for everyreader. So let me take a moment to describe two kinds of readers: those forwhom this book was written and those for whom it was not.

Those For Whom This Book Is Meant

You ought to find this book useful if you match one or more of the followingcriteria:

  • You want a hands-on, practical guide to using CSS in real-world projects.That's exactly what this book is all about.

  • You're a hands-on learner, someone who gets a lot more out ofinteractive experimenting than from just reading a book. Despite the fact thatthis is indeed a book, it's been intentionally designed to let the reader"play along at home," as it were.

  • You've been meaning to increase your CSS skills for some time now,but you keep putting it off because CSS is a large, complex subject, and youdon't have a roadmap for how to get to the next level.

  • You've always wanted someone to show you how to convert a typical,old-school, pure-HTML design into a blend of HTML and CSS and to explain whyit's to your advantage to do so. If that's the case, go to Project 1,"Converting an Existing Page," without another moment'sdelay.

  • If asked, you would describe your HTML skill level as"intermediate" or "expert" and your CSS skill level as"basic" or "intermediate." In other words, you understandHTML fairly well and have used enough CSS to have a basic grasp of how it'swritten.

Those For Whom This Book Is Not Meant

You might not find this book to be useful if one or more of the followingdescribes you:

  • You've never used or even seen CSS before. Although some basic termsare defined in the text and I've included a short glossary, the assumptionhere is that the reader knows the basics of writing CSS and is fairly proficientwith HTML authoring.

  • You want to understand all of the subtleties of the theory underlying CSSand grasp the nuances of the specification. There are now many books on themarket that occupy that niche. The focus here is on demonstrating effects thatwork.

  • You've only done Web design in a point-and-click editingenvironment. This book assumes that you can edit (or have edited) HTML and CSSby hand, and its narrative is based on that assumption. Its projects may beeasily reproducible in a point-and-click editor, but the book was not writtenwith such editors in mind.

  • You want a book that will tell you how to write CSS that will look thesame in all browsers on all platforms, including Netscape 4.x and Explorer 3.x.See the following section, "What You Can Expect from This Book," fordetails.

  • You've read my other works and hate the personal, familiar tone Itake in my writing. I promise you that my writing style has changed verylittle.

What You Can Expect From This Book

From the outset, my intent has been to write an engaging, interactive bookthat focuses on practical and interesting uses of CSS that can be deployed intoday's browsers. To do this, each project evolves from having no styles tobeing fully styled and ready for deployment on the Web. If I've done my jobwell, you should get the feeling of watching over my shoulder as I work on aproject, with me commenting on what I'm doing as I do it.

Although you can simply read the text and look at the figures to get a senseof how a project is evolving, I think the best way to work along with the bookis to have a Web browser and a text editor open as you read. That way, you canfollow along with the changes I make in the text by physically making the samechanges in your project file and seeing the changes in your own Web browser.

There is one point on which I want to be very clear: The techniques shown inthis book are generally meant for browsers whose version number is greater thanor equal to 5. If you have to design a site that looks the same in Explorer 4.xand Netscape 4.x as it does in IE6.x and NS6.x, this book is not for you.In fact, "Tricking Browsers and Hiding Styles" on the Web site spendsa good deal of time describing ways to hide CSS from version-4 browsers. Suchtechniques allow you to write CSS for modern browsers and still let the contentdisplay (albeit in a much plainer way) in older browsers. That's about asfar as this book goes to cater to the limitations of version-4 browsers,however.


In keeping with the practical, hands-on nature of this book, I'vedivided it into a series of 13 projects—each one effectively a chapter. Itis possible to skip around from project to project as the spirit moves youbecause each project was written to stand on its own as much as possible.However, the book was still written with the linear reader in mind, and if youread from front to back, you should find that the projects build on oneanother.

With a few exceptions, the projects are titled in as self-obvious a way aspossible. For example, Project 1 takes a page designed using only HTML markupand spacer GIFs and converts it to an HTML-plus-CSS design.

Projects 2 through 5 cover some fairly basic projects, from touching up apress release or an events calendar to making hyperlinks look better than theyever have before. Projects 6 and 7 increase the sophistication somewhat byfocusing on printing and the styling of form elements in more than one medium.Then, in Projects 8 through 11, the topics of discussion are positioning,integration of various styling techniques, and how to make designs look moreorganic and less boxy.

Project 12 takes a look at a powerful and potentially beautiful techniquethat isn't widely supported but can be adapted to work in the real world.In some ways, this is a look ahead to a future in which CSS support is morewidespread, but if you pick the right tools, you can flex your artistic musclestoday. All work and no play makes for a boring book, I always say.

Project 13 is the most ambitious and complex of the book: It is an attempt tore-create, as closely as possible, the visual design of this book in HTML andCSS. Just as important as the ways in which the look can be re-created are thediscussions of why certain things can't be exactly reproduced on theWeb.

Companion Web Site

Each project in the book is based on the editing of a real project file. Youcan either download the project files for the entire book at once, or for eachchapter individually.These files follow a consistentnaming; for example, the Project 1 file will be ch01proj.html. This isthe file you should open up with a text editor and make changes to as theproject moves forward. You can also load it into a Web browser and hit"Reload" at each step to see what effect the new styles have.


This book follows a few typographical conventions that you should be familiarwith before proceeding.

A new term is set in italics the first time it is introduced. Therewill often be a short definition of the term nearby. Program text, functions,variables, and other "computer language" are set in a fixed-pitchfont. In regular text, it will also be a dark blue color—for example, whenmentioning the property margin or a value like 10px.

Code blocks are set entirely in a fixed-pitch font. Any red text within acode block indicates a change to the code from its previous state. Most codeblocks show only a fragment of the overall document or style sheet, with thelines to be changed (or inserted) surrounded by unchanged text. This extra textprovides a sense of context, making it easier to find the part you need tochange if you're following along with the text. Here is an example:


<title>Travel Guide: Ragged Point Inn</title>

<style type="text/css">

table {border: 2px solid red; margin: 3px;}

td {border: 1px dotted purple; padding: 2px;}



Every computer book has its own style of presenting information. As you flipthrough this book, you'll notice that it has an interesting layout. Hereare the layout conventions:


These usually contain detailed explanations that are related to the main text but are not a part of the project itself. They might also offer alternative approaches or ideas to those demonstrated in a project. In every case, they can be skipped without disrupting the project's flow.


These are meant to be helpful annotations to the main text, and there are alot of them in this book. These are used to provide tips, asides, definitions of new terms, tangential points, or related bits of information.


These indicate a point that might cause problems in some browsers or a similarly grave note of caution.

Web site notes provide guidance as to which files to download or load into aWeb browser, or things to check out on the Web.

Finally, at the end of each project you will find a section titled"Branching Out." This will present three short exercises that inviteyou to try modifying the finished project in certain ways. These"branches" are certainly not the end of what you can do, but they mayhelp you start experimenting with the concepts presented in the project. Thinkof them as jumping-off points for your own design ideas and also as interestingchallenges in their own right. If you can match the illustrations with your ownstyles, then you'll be well on your way to writing creative CSS of yourown.

© Copyright Pearson Education. All rights reserved.

Sell a Digital Version of This Book in the Kindle Store

If you are a publisher or author and hold the digital rights to a book, you can sell a digital version of it in our Kindle Store. Learn more

Customer Reviews

Most helpful customer reviews
1 of 1 people found the following review helpful
4.0 out of 5 stars Is this book for you? May 10 2004
By njdj
This is a good book, but before buying it, check that you are in the target audience. It is not a reference book. It is not for complete newbies. It is not for gurus, either.
It is more like a hands-on CSS training course for somebody who has used HTML a lot, knows a little bit about CSS, and who wants to make fuller use of CSS. If this is what you are looking for, this is an excellent book. It is well-produced, with appropriate and intelligent use of color screenshots, too.
You will need to use some kind of reference in addition to this book when you actually write CSS for your own sites.
Was this review helpful to you?
1 of 1 people found the following review helpful
2.0 out of 5 stars A OK book for experienced people March 11 2004
By A Customer
Being in the IT industry, mostly web based, I thought I would give this book a try to see what new material I could learn and apply in my job. Anyway, it was a disappointment. The book doesn't really explain anything but walks you through on changing from a non CSS site to one. It's not that good for what CSS is capable of doing either and the options associated with it. Overall, this book really isn't any good for someone that has experience. To me, it's more of a beginner to intermediate level for those who have only scratched the surface of CSS. If your experienced, don't bother.
Was this review helpful to you?
5.0 out of 5 stars a definite plus June 9 2004
Excellent Book!
This book is a definite plus for all people who have dabbled in table-free design but weren't quite ready to dive head first. If you are not familiar with basic CSS mark up, this book is not for you. If you wish to learn CSS from the ground up- see Christopher Schmitt's book "Designing CSS Web Pages" published by New Riders as well. Anyone who uses heavy javascript in their design will also find many streamlined CSS alternatives to that clunky code. "More Eric Meyer on CSS" starts off with a lesson on how to convert an existing table layout to cascading style sheets. I like the way Eric leads through the examples, every step in the code reveals possible browser conflicts. Lucky for us, he is able to supply the right workaround to make the pages compliant. Readers will also walk though styling a photo gallery, styling a financial report, 'transparency layout', and many more. My favorite lessons were CSS-Driven Drop-Down Menus, Opening the Doors to Attractive Tabs, and Designing in the Garden. I have been a fan of the csszengarden site, and I had fun reaching the Zen Garden!
Overall, this was a useful and comprehensive book. Eric Meyer has a simple way of presenting the lessons. None of the ten lessons he covers should take longer than one hour. He is obviously extremely knowledgeable in this field. His praise is well deserved. I personally plan on implementing these lessons on my personal site and those of future clients. The only flaw I found with this book was chapter 10's missing lesson file from the books website, this was alright, as a similar html file was supplied. It was definitely not enough to lower my perfect rating though.
Was this review helpful to you?
New Riders publishes nice looking books, but many of them, this one included, suffers from a lack of professional editorial oversight. A book that sells for $45.00 should be proofed a little more closely. The book's companion site lists dozens of editorial errors that should have been caught before the book went to press: [...] After spending this much on a slim paperback volume, the last thing I want to do is spend an hour paging through the book, hand-correcting editorial errors that New Riders' editors should have caught in the first place.
Otherwise, Meyer's command of CSS is evident, but this is not the book that it could be. The presentation is hampered by its organization into "projects", and the reader must slog through details of Meyer's application of strategies in his own projects to find ideas that can be used elsewhere.
CSS is a great technology, but users are in need of something better organized, better presented, more comprehensive, and less crippled by rampant editorial gaffes.
Was this review helpful to you?
3.0 out of 5 stars OK but perhaps it is just the best of a bad lot Oct. 5 2003
Like many others, I bought the book based on on-line raves. I thought it was great at first but now the blush is off the rose. The book IS a more informative and user-friendly intro to CSS than the others I have (many are "look what I made, mommy" books by designers...nice visuals but not the best learning tool). Some of the lessons were a struggle so, fortunately, there were the free tutorials from w3schools.com to help with the rough spots.....never thought of myself as a slow learner until now.
Then, just when you think CSS will answer all your prayers, you get seriously gored by the infamous NN4 incompatibilities and then IE problems crop up.
What this and every other book lacks is a decent chart reference which shows browser incompatibilities like the great cheat sheet programming cards from visibone.com BUT, I shouldn't have to buy this kind of critical tool, it oughta be a pullout or be in the appendix.
Until a better book comes out, prospective buyers should go ahead and get this one PLUS Meyers Programmers Reference (ISBN #0072131780). Round it out the Visibone cheat sheets for quick reference and to keep those nasty NN4 and IE4 nightmares from giving you an ulcer. Between all this stuff and the W3C School site (PS:which also has HTML and CSS validator links and other very cool stuff), even I was able to master CSS...but it takes more books and programmer's aids.
Was this review helpful to you?
Want to see more reviews on this item?
Most recent customer reviews
5.0 out of 5 stars Expand your universe
So far I am just dabbling with CSS. This book is great for taking you from ground zero to something svelte. The lessen format is like having your personal tutor. Read more
Published 11 months ago by bernie
5.0 out of 5 stars Excellent Product
Product arrived in good time and in excellent condition. It was sold as used but it could easy qualify for new. I recommend the book and the seller. Read more
Published on April 23 2012 by Ben
5.0 out of 5 stars Excellent
I really loved this book and learned a lot on CSS with it. I was tempted to put a 4 or 4.5 for one thing though: it's hard to use it as a reference once you have finished it and... Read more
Published on April 7 2006 by Nelson Therrien
3.0 out of 5 stars Expected more
After all that I've read about Eric Meyer, I must admit I was left wanting after reading this book. The experience reminded me of certain teachers I had in college: very bright,... Read more
Published on June 23 2004
5.0 out of 5 stars Eric Meyer is a CSS God
Make sure you kow what you are doing before you pick up this beauty. Its not for the CSS beginner, but is perfect for the web developer who is really only looking for... Read more
Published on June 3 2004 by hang10web
4.0 out of 5 stars Code in a boat
I found this book to be extremly useful. A step by step manual of CSS and how it works with over 20 great examples to learn by. Read more
Published on April 21 2004 by "kankersour"
3.0 out of 5 stars Good writing but not enough book
Eric's writing is great, however, for a thin book with limited content, my opinion is that New Riders Publishing got greedy with the pricing of the book. $45 retail in the stores?! Read more
Published on March 4 2004
2.0 out of 5 stars A Cookbook For Writing HTML with Style
I bought the book hoping to learn how to create pop-up menus. I was disappointed in that respect. I did find it to be a nice guide for using style sheets for specific situations. Read more
Published on Jan. 19 2004
2.0 out of 5 stars Design for the 10 %
Over 90% of the browsers surfing the internet are using IE, but this book's examples seem to only work best on Netscape browsers. Read more
Published on Dec 26 2003
5.0 out of 5 stars Great book -- but read intro
Wonderful book, but when the author says you need to know some CSS going in, he means it. This is not a beginners book, to get the most out of it you should know some CSS before... Read more
Published on Nov. 29 2003 by M. A. Devlin
Search Customer Reviews
Only search this product's reviews

Look for similar items by category