Grundlegende Syntax von CSS
CSS
/* konkrete Beispiele */
p {color:red;}
strong {color:blue;text-decoration:underline;background-color:grey;}
h1 {
font-family:Arial;
font-size:1.3em;
}
CSS ist es egal, ob Ihr alles in einer Zeile schreibt oder jedes Eigenschaft/Wert-Paar auf einer eigenen Zeile – macht es so, dass es für Euch übersichtlicher ist!
allgemeines CSS-Code-Prinzip
Die nachfolgende Regel setzt sich aus dem Selektor, der die gewünschten Elemente selektiert (auswählt) und einer Eigenschaft sowie dem ihr zugewiesenen Wert zusammen:
CSS
/* einzeilig */
Selektor {Eigenschaft: Wert;}
Selektor {Eigenschaft_1: Wert; Eigenschaft_2: Wert; Eigenschaft_3: Wert;}
/* mehrzeilig */
Selektor {
/* hinter jedem Eigenschaft-Wert-Paar muss ein Strichpunkt stehen! */
Eigenschaft_1: Wert;
Eigenschaft_2: Wert;
…
Eigenschaft_x: Wert;
}
Geschweifte Klammern auf dem Mac
Um am Mac die geschweiften Klammern zu schreiben, müsst Ihr auf die alt-Taste und 8 bzw. 9 drücken…