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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.