Startseite Skripte für das Wintersemester 2018/19 Webdesign CSS Grundlagen Bildformate Grundlegende Syntax von CSS


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…