1
HTML/CSSIntermediate#css#sass
OOCSS (Object-Oriented CSS) separates structure from skin for reusable objects. SMACSS categorizes rules into Base, Layout, Module, State, Theme. ITCSS (Inverted Triangle CSS) organizes stylesheets from generic (settings, tools) to specific (components, overrides) to manage specificity growth.
/* OOCSS: separate structure and skin */
.btn { padding: 10px 20px; border-radius: 4px; } /* structure */
.btn-primary { background: blue; color: white; } /* skin */