CSS (Cascading Style Sheets) ist eine Sprache, und jede Sprache kennt Vokabeln und Grammatik. Nachdem du ein paar Beispiele gesehen hast, folgt jetzt der schematische Aufbau einer CSS-Regel und die wichtigsten Vokabeln dazu:
Selektor {
Eigenschaft: Wert;
Eigenschaft: Wert;
}
Eine CSS-Regel besteht aus folgenden Einzelteilen in Klammern der englische Begriff:
- Selektor (selector)
Der Selektor steht vor der geschweiften Klammer und wählt aus (selektiert), welches Element auf der Seite gestaltet werden sollen. - Deklaration (declaration)
Zwischen geschweiften Klammern stehen eine oder mehrere Deklarationen, auch Anweisungen genannt. Sie beschreiben die Gestaltung der Elemente, auf die der Selektor zutrifft. Jede Deklaration besteht aus einem Eigenschaft-Wert-Paar und wird mit einem Semikolon beendet. - Eigenschaft (property)
Die zu gestaltende Eigenschaft (Farbe, Schriftart etc.) des Elements steht vor dem Doppelpunkt. Leerstellen vor und nach dem Doppelpunkt sind optional. Es ist eine gute Angewohnheit, Eigenschaft und Doppelpunkt direkt aneinanderzuhängen, zwischen Doppelpunkt und Wert aber eine Leerstelle zu setzen. Das entspricht der allgemeinen Rechtschreibung. - Wert (value)
Der Wert, den die Eigenschaft annehmen soll, steht nach dem Doppelpunkt. Danach folgt ein Semikolon, um die Deklaration zu beenden.
(Dieser Absatz wurde von https://little-boxes.de/lb1/6.1-style-der-aufbau-einer-css-regel.html übernommen).
Begriffe:
Englisch | Deutsch | Bedeutung |
padding | Innenabstand | Innenabstand des Elements. Das ist der Zwischenraum zwischen dem Inhalt eines Elements und der Elementgrenze. https://www.wp1x1.de/margin-padding/ |
margin | Aussenabstand | Der Abstand eines Elements zum Rand oder eines anderen Elements |
display | Anzeigen | Kann zum Ausschalten von Elementen hilfreich sein |
important | wichtig | Wird eingesetzt, um Einstellungen eine höhere Wichtigkeit zuzuordnen |
font-family | Schriftart | Bestimmt, welche Schriftart für ein Element eingesetzt wird |
font-weight | Schriftgewicht | Bestimmt normal, fett oder eine Schriftstärke durch eine Nummer |