de:modul:m291:learningunits:lu02:theorie:a_css-intro

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
de:modul:m291:learningunits:lu02:theorie:a_css-intro [2026/03/25 22:14] – gkochde:modul:m291:learningunits:lu02:theorie:a_css-intro [2026/05/19 15:49] (aktuell) – gkoch
Zeile 72: Zeile 72:
   * ''line-height'': Zeilenhöhe (Best Practice: **einheitenlos**, z.B. ''1.4'')   * ''line-height'': Zeilenhöhe (Best Practice: **einheitenlos**, z.B. ''1.4'')
  
----- 
  
-==== Einheiten bei Schriftgroessen ====+ 
 +==== Einheiten bei Schriftgrössen ====
  
 <WRAP center round box 80%> <WRAP center round box 80%>
Zeile 265: Zeile 265:
 Für ein vertieftes Verständnis schauen Sie sich diese interaktive Darstellung an: Für ein vertieftes Verständnis schauen Sie sich diese interaktive Darstellung an:
 [[https://2019.wattenberger.com/blog/css-cascade|CSS Cascade]] [[https://2019.wattenberger.com/blog/css-cascade|CSS Cascade]]
 +
 +Wenn Sie in einem Projekt viele (über 10) ''!important''-Statements haben, dann gibt es ein Problem: Der CSS-Code wird unübersichtlich – man weiss nicht mehr was wird wo überschrieben und warum. Besser darum ''@layer''-Syntax zu verwenden: {{youtube>dwI0QANfFXs?}}
  
 ---- ----
  • de/modul/m291/learningunits/lu02/theorie/a_css-intro.1774473245.txt.gz
  • Zuletzt geändert: 2026/03/25 22:14
  • von gkoch