Chapter 7

OOCSS

Object Oriented CSS is a best practice for structuring CSS and utilizing it within HTML. It is optimized for reuse, allowing designers to build components that can be dropped into a webpage with little or no modification. It keeps code clean and maintainable, and it reduces inadvertent inheritance.

Keywords

object oriented; CSS; OOCSS; rules; sprites; principles; structure; skin; container; content; reuse; component

What is the greatest benefit of using Cascading Style Sheets (CSS)? Let me rephrase that. What should be the greatest benefit of using CSS? There are many benefits, to be sure, but the fundamental purpose of CSS is reuse. We separate the physical characteristics from an object and give them a name. Then we use that name ...

Get Bridging UX and Web Development 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.