Chapter 18. Improving Your CSS Habits
At this point, this book has covered most aspects of Cascading Style Sheets. With the addition of CSS-based layout, which you learned about in Part 3, youâre now an unstoppable web-designing machine. But even after youâve mastered all the properties CSS offers, nailed those annoying browser bugs, and learned great tricks for producing beautiful web pages, you can still stand to learn a few techniques thatâll make your CSS easier to create, use, and maintain.
This chapter covers some recommendations for creating and using CSS. None of them count as âmust knowâ CSS essentials, but they can make your CSS work go faster, leading to less frustration and greater productivity.
Adding Comments
When itâs time to edit a style sheet weeks, months, or even years after creating it, you may find yourself wondering, âWhy did I create that style? What does it do?â As with any project, when youâre building a website, you should keep notes of what you did and why. Fortunately, you donât need a pad of paper to do this. You can embed your notes right into your style sheets using CSS comments.
A CSS comment is simply a note contained within two sets of characters, /*
and */
. As with HTML comments, CSS comments arenât read or acted on by a web browser, but they do let you add helpful reminders to your style sheets. You donât need to comment everything in your style sheetsâafter all, most properties like color
, font-family
, border-color
, and ...
Get CSS: The Missing Manual, 4th Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.