* {
margin:0;
padding:0;
}
body {
background:#fff;
padding:0 0 20px 0;
}
Kann mir bitte jemand erklären was dieses "*" bedeutet ? und warum gibt man "0" Margin und Padding ???
Kann mir jemande besser erklären, was "padding ist"
Copyright © 2024 Q2A.MX - All rights reserved.
Answers & Comments
Verified answer
* wurde ja schon gut erklärt, Wildcard für alle Tags.
Die meisten HTML-Tags sind auch gleichzeitig Container für andere Elemente oder Text.
Deutlich wird das, wenn Du z.B. einen div-Container mit Rahmen (border:1px;) baust. Für diesen Container gilt:
- margin definiert den Außenabstand zu den umliegenden Objekten.
- padding definiert den inneren Abstand der Kindelemente zum Rahmen.
Beispiel:
Du legst DIN A4 Seiten auf den Schreibtisch. Die Seiten haben padding 2,5cm und margin 1cm. Dann liegen die Seiten 1cm von der Schreibtischkante entfernt und 2x1cm voneinander entfernt. Der Inhalt der Seiten ist 2,5cm vom Seitenrand entfernt.
Das * bedeutet in CSS, dass die Style-Regel auf alle vorhandenen Elemente angewandt wird. 0 bedeutet, dass alle Elemente kein Rand und keinen Innenabstand haben. Sind irgendwo andere Definitionen vorhanden, gilt trotzdem die obere, das heiÃt, die Margin und Padding-Definitionen werden zurückgesetzt.
Padding bedeutet, wie schon geschrieben Innenabstand, also der Abstand zum nächsthöheren Element.
Wenn du eine Box hast mit Text und willst, dass der Text zu dem Rahmen der Box z.B. immer mindestens 20px haben soll, dann machst du padding:20px.
Also es ist der Abstand zum Rand eines Elements.
das ist CSS (stylsheet)
margin heiÃt Abstand
und padding Randabstand.
sowas brauchst du bei Tabellen oder Bilder, die du nebeneinander stellen willst etc.
guggst du hier:
http://css.talky.de/distance.php
http://de.selfhtml.org/html/grafiken/ausrichten.ht...
http://www.htmlbasis.de/htmlkurs/habstand.htm
Mein Ratschlag:
solltest du Anfänger sein, versuch dich zuerst mit einfachen HTML-Befehlen und lern erst dann CSS dazu, wenn das andere sitzt.
â¥