WebTech - Wolf 10

cascading style sheets

• Dient dem Stylen der Website
• Es Vererbt Eigenschaften.
• Somit können Eigenschaften (Schrift, Farbe, etc.) an einer zentralen Stelle gepflegt werden
• Bezüglich der Kaskade ist das Verständnis von Eltern und Kind Elementen sehr wichtig. Dank dieser Verwandtschafsbeziehung übernehmen nachfolgende Kind-Elemente jene der Eltern.
• Durch die Kaskade können mehrere Stylesheets verwendet werden

• background-eigenschaft
• maring
• width
• padding
• border

• mit dem Schlüsselwort "inherit" kann die Vererbung erzwungen werden
  bspw:
  p {
  border: inherit;
  }
• somit erbt das p den Rahmen des Eltern Elements

• initial
• Beispiel:
  p{
  color: initial}
• somit wird die Standard (default) Einstellung des Webbrowsers wiederhergestellt

• Wenn es ein Eltern Element gibt, erbt es die Eigenschaft des Eltern Elements (inherit)
• Wenn es keines gibt, erbt es den Standardwert des Webbrowsers (initial)

Nehmen wir ein element p mit der klasse xyz:

• .xyz{
  all: initial
  display: block;
  color: blue;
  ...}
• somit werden alle zuvor definierten p Eigenschaften zurückgesetzt und neue können greifen

• Browserstylesheet (Standard, default Stylesheet wird verwendet, wenn nichts anderes definiert ist)
  • niedgrigste Priorität
• Benutzerstylesheet: können eingebunden werden, somit wird der Browser überschrieben
  • mittlere Priorität
• Autorenstylesheet: das idividuell angefertigte stylesheet
  • höchste Priorität