Member-only story

What is OOCSS(Object Oriented CSS)?

Simuratli
Oct 16, 2020

OOCSS (Object Oriented CSS) is a CSS methodology created by Nicole Sullivan in 2008.

Object Oriented word comes from Ruby and Javascript. Nicole Sullivan define concept of “object” as self repititive stuructures.

Main purpose of OOCSS is to get the elements used and repeated within the page as a object and use them where necessary.

OOCSS has 2 main principle

  • Separation the structure from the skin
  • Separation the container from the content

Structure and design files are separate files. Sturucture means : “width, height, padding, margin , position” . Design means: “border, color, font, background” . Design files and Sturucture files must be seperated.

Wrong

Correct

--

--

Simuratli
Simuratli

Written by Simuratli

MSc. High Energy and Plasma Physics | B.A. Computer Engineering | Content Creator. https://bento.me/simuratli

Responses (2)