Loading content
CSS ermöglicht es Entwicklern, das Design von Webseiten zu steuern, indem sie Stile für Elemente definieren, die auf HTML angewendet werden. Es unterstützt verschiedene Layout-Techniken, Farben, Schriftarten und responsive Designs, um eine ansprechende Benutzererfahrung zu schaffen.
Nutze diesen Steckbrief, um den Baustein kurz zu verstehen, ihn im Modell einzuordnen und bei Bedarf in die 360°-Bewertung zu wechseln.
Technischer Baustein: kann automatisiert, integriert oder betrieben werden.
Was du verstehen musst, um ein Themenfeld sinnvoll zu denken.
Cascading Style Sheets (CSS) ist die Stylesheet-Sprache des offenen Webs für Darstellung, Layout und responsive Anpassung von HTML- und verwandten XML-Dokumenten.
CSS entstand aus dem Bedarf, Inhalt und Präsentation im Web zu trennen und dieselben Dokumente auf Bildschirm, Papier und anderen Medien unterschiedlich darzustellen. In den W3C-Spezifikationen wurde die Sprache zunächst als gemeinsame Empfehlung entwickelt; später wurde sie in einzelne Module zerlegt, damit sich Eigenschaften, Werte und Layoutverfahren unabhängig weiterentwickeln können.
CSS funktioniert wie ein mehrstufiges Aushandlungssystem im Browser. Zuerst treffen Selektoren auf passende Elemente. Dann bestimmen Kaskade, Spezifität, Vererbung und Reihenfolge, welche Regel gewinnt. Anschließend berechnet der Browser mit dem Box-Modell Größen und Abstände; Layoutverfahren wie Flexbox oder Grid ordnen die Boxen im Viewport an. Medienabfragen passen Regeln an Gerät und Kontext an.
Mehrere Regeln können dasselbe Element treffen; Vorrang und Reihenfolge entscheiden über den wirksamen Wert.
Selektoren wählen aus, welche Elemente eine Regel erhält.
Die Ausdrucksstärke eines Selektors beeinflusst, welche konkurrierende Regel gewinnt.
Einige Eigenschaften übernehmen Werte aus dem Elternelement, wenn kein eigener Wert gesetzt ist.
Inhalt, Innenabstand, Rahmen und Außenabstand bestimmen die geometrische Form eines Elements.
Regeln werden von Bedingungen wie Breite, Farbschema oder Ausgabemedium abhängig gemacht.
CSS ist zentral, wenn Oberflächen konsistent gestaltet, auf verschiedene Bildschirmgrößen angepasst oder in Designsystemen wiederverwendet werden sollen. Es hilft besonders bei responsiven Layouts und thematischen Anpassungen, setzt aber ein klares Verständnis der Kaskade voraus. Zu hohe Spezifität, globale Nebenwirkungen und unklare Zuständigkeiten machen Styles schwer wartbar; komplexe Layouts profitieren deshalb von sauberer Struktur und begrenzten Ausnahmen.
Wo dieser Baustein im Themenmodell verortet ist.
Erkunde, wie dieser Wissensbaustein mit Konzepten, Methoden, Technologien und Tools verbunden ist.
Diese Quellen belegen den Begriff und seine fachliche Bedeutung.
Alle direkten Verbindungen des aktuellen Wissensbausteins in einer kompakten, textuellen Darstellung.
Diese Einordnung zeigt, in welchem Kontext der Baustein typischerweise relevant wird, wie anspruchsvoll er ist und welche Wirkung er im Modell hat.
Die Ebene innerhalb der Organisation (Unternehmen, Domäne, Team), auf der der AssetBlock angewendet wird.