Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- gf_informatik:web:css [2025-10-26 14:52] – [Weiterführende Links] hof
+++ gf_informatik:web:css [2025-11-03 07:10] (aktuell) – [Abstände & Ränder] hof
@@ Zeile 113: / Zeile 113: @@
 == Horizontale Zentrierung ==
-Ein Element (beispielsweise der ganze `body`) lässt sich einfach horizontal zentrieren, indem die Breite auf eine bestimmte Grösse gesetzt wird, und die `margin` links und rechts auf den Wert `auto` gesetzt wird:
+Ein Blockelement (beispielsweise der ganze `body`) lässt sich horizontal zentrieren, indem die Breite auf eine bestimmte Grösse gesetzt wird, und die `margin` links und rechts auf den Wert `auto` gesetzt wird:
@@ Zeile 198: / Zeile 198: @@
 </WRAP>
-Ein Element kann auch mehreren Klassen angehören; zudem können wir den Element-Selektor und den Klassenselektor kombinieren:
+Ein Element kann auch mehreren Klassen angehören:
 <WRAP group>
@@ Zeile 205: / Zeile 205: @@
 <code html>
 <p class="green rounded">Ein grüner Abschnitt mit Padding.</p>
-<div class="red rounded">Ein roter Abschnitt mit Padding links rechts.</div>
+<div class="red rounded">Ein roter Abschnitt mit Padding.</div>
 </code>
 </WRAP>
 <WRAP column third>
 <code css>
-p.rounded {
+.rounded {
     padding: 1em;
-    border-radius: 0.5em;
-}
-div.rounded {
-    padding: 0 2em;
     border-radius: 0.5em;
 }
@@ Zeile 230: / Zeile 226: @@
   <div style="border: 1px solid #ccc; border-radius: 4px; padding: 1em;">
 <p style="background-color: green; padding: 1em; border-radius: 0.5em;">Ein grüner Abschnitt mit Padding.</p>
-<div style="background-color: red; padding: 0 2em; border-radius: 0.5em;">Ein roter Abschnitt mit Padding links rechts.</div>
+<div style="background-color: red; padding: 1em; border-radius: 0.5em;">Ein roter Abschnitt mit Padding.</div>
 </div>
 </HTML>