Startseite Skripte für das Wintersemester 2017/18 Webdesign CSS Grundlagen Bildformate Vererbung


Vererbung

Vintage-Picture-Three-Girls von Beverly & Pack

Kinder erben Eigenschaften ihrer Eltern; HTML-Tags die Eigenschaften des übergeordneten Tags – z.B. des <body>

Für Elemente, die sich innerhalb des <body> befinden, muss man keine eigenen Schrift-Definitionen machen, wenn der gleiche Font usw. genutzt werden soll; dies gilt für folgende Eigenschaften:

  • font-family
  • font-size [Schriftgröße]
  • line-height [Zeilen-Abstand]
  • font-weight [fett oder nicht]
  • font-style [kursiv oder normal]
  • text-decoration [Verzierung des Textes]
  • color [Schriftfarbe]

CSS

body {
   font-family:"Lucida Grande","Trebuchet MS",Verdana,Arial,Sans-Serif;
   font-size:15px;
   line-height:1.5;
   font-weight:bold;
   font-style:italic;
   color:#444;
}

/* Elemente, die anders aussehen sollen, explizit ansprechen! */
h2 {
   font-family: Georgia, Serif;
}