Objektorientiertes CSS

24. Sep 2020

Knowledge Base

Was ist OOCSS? Anders als bei SASS oder LESS, ist OOCSS kein Framework das auf CSS aufgebaut ist. Es ist vielmehr eine Art sein CSS zu strukturieren und zu organisieren. Die grundlegende Idee von OOCSS ist die Abstraktion von sich wiederholenden Mustern in wiederverwendbare Objekte. Ein Beispiel Vielleicht hast du verschiedene Buttons unterschiedlicher Größe auf deiner Website. Aber alle von ihnen haben gemeinsame Styles wie etwa: border radius padding box-shadow Die gemeinsamen Styles werden an einer CSS Klasse zusammengefügt und an allen Buttons auf der Website verwendet.

#css #Webcomponents #oocss