Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m291:learningunits:lu07:theorie:lu07a_debugging [2026/03/22 22:00] – gkoch
+++ de:modul:m291:learningunits:lu07:theorie:lu07a_debugging [2026/08/13 16:06] (aktuell) – ↷ Links angepasst, weil Seiten im Wiki verschoben wurden msuter
@@ Zeile 45: / Zeile 45: @@
 ==== WebStorm ====
-{{:modul:m290_guko:leistungsbeurteilungen:03_lb:webstorm_4x.png?nolink&300| Webstorm Logo}}
+{{de:modul:m290_guko:leistungsbeurteilungen:03_lb:webstorm_4x.png?nolink&300| Webstorm Logo}}
 WebStorm prüft den Code automatisch im Hintergrund – ohne zusätzliche Extensions. Farbige Unterwellungen bedeuten:
@@ Zeile 259: / Zeile 259: @@
   - Rechts: Styles-Panel
   - Eigenschaft anklicken und Wert ändern
-  - **Sofortiges Feedback** – ohne die Datei zu speichern
+  - Änderung wird direkt im Browser gerendert und sichtbar
 Wenn der Look stimmt: dann erst in die CSS-Datei übertragen.
 <WRAP center round tip 80%>
-Deaktivierte CSS-Regeln (durchgestrichen) bedeuten: eine andere Regel mit höherer Spezifität gewinnt. Der **Computed-Tab** zeigt den tatsächlich angewendeten Wert.
+Deaktivierte CSS-Regeln (durchgestrichen) bedeuten: eine andere Regel mit höherer Spezifität (s. CSS Kaskade LU02) gewinnt oder es gibt ein Syntax-Fehler.
 </WRAP>
-==== Der Computed-Tab ====
-Wenn ''height: auto'' im CSS steht, aber die Transition nicht funktioniert:\\
-→ Computed-Tab öffnen → dort steht der **berechnete Pixelwert**.
-Das erklärt, warum ''transition: height'' auf ''auto'' nicht direkt funktioniert – der Browser kennt den Zielwert nicht. (Lösung: ''interpolate-size: allow-keywords;'')