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

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Simuratli
Simuratli

Written by Simuratli

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

Responses (2)

Write a response

sellectors

Typo mistake here

prinsiple

Typo mistake here