Was bedeutet "*" in CSS?

Bin ich auf der Suche in den CSS-Dateien für viele websites wie Facebook und Youtube.

In fast allen von Ihnen sehe ich in diesem code:

* {
margin: 0;
padding: 0;
}

Es ist seltsam, wie das löschen, sperren in chrome-web-Entwickler-tools hat keinen Einfluss auf das layout der Seite.

Was dieser code zu bedeuten, und wo wird es eingesetzt und warum?

InformationsquelleAutor der Frage H Bellamy | 2012-01-03

  1. 58

    Dies ist eine gängige Technik genannt, ein CSS-reset. Verschiedene Browser verwenden unterschiedliche default-Ränder, wodurch Websites unterschiedlich Aussehen, um die Margen. Die * bedeutet "alle Elemente" (eine universal-Selektor), so setzen wir alle Elemente, um die null-Margen, und keine Polsterung, so dass Sie Aussehen, das gleiche in allen Browsern.

    InformationsquelleAutor der Antwort vcsjones

  2. 9

    * ist ein Platzhalter

    Es bedeutet, dass diese Stile für alle Elemente.

    In diesem Fall die Einstellung der margin und padding auf alle Elemente zu 0. Dies ist üblich, mit Reset-CSS-Dateien, um alle Standard-browser margin/padding auf verschiedene Elemente zu einem gemeinsamen Wert.

    InformationsquelleAutor der Antwort Curt

  3. 8

    Sternchen (*) ist eine wildcard und bedeutet, dass alle Elemente.

    * {
    margin: 0;
}

    legt die Ränder aller Elemente auf 0.

    InformationsquelleAutor der Antwort Hauleth

  4. 3

    Es setzt die margin und padding für alle HTML-Elemente auf der Seite 0.

    Andere Browser machen dies bereits standardmäßig, aber es ist immer nützlich, um zu versuchen, zurücksetzen, alles manuell, nur für den Fall.

    In der Tat, viele Webseiten, führen Sie ein reset durch.css (oder ähnlich), die, wenn Sie geöffnet, werden Sie feststellen, viele Regeln zu reset-alles auf jedem browser.

    InformationsquelleAutor der Antwort Oomta

  5. 2

    Es ist ein Joker und setzt margin und padding zu 0 für alle HTML-Elemente.

    Versuchen, ein interessanteres, wie:

    * {
    font-size: 20pt;
}

    InformationsquelleAutor der Antwort home

  6. 1

    Dies ist eine gemeinsame Teil einer Allgemeinen css-reset. Dies ist im Grunde setzt alle margin und padding von allen (*) Elemente auf 0. Sie sind dann frei, um Ihre eigenen margin und padding-Werte zu jedem element wie pro Ihre Anforderungen.

    InformationsquelleAutor der Antwort Darwin Tech

  7. 1

    * ist eine wild card, es wählt alle Elemente
    margin: 0; und padding: 0; die margin-und padding auf 0 für die Elemente gewählt, die in diesem Fall alle Elemente.

    Dies ist sehr nützlich für web-Entwicklung, ich benutze es in jeder Website, die ich Baue.

    InformationsquelleAutor der Antwort BrettAdamsGA

  8. 1

    In CSS gibt es einige Standard-Formatvorlagen angewendet, um jede web-Seite zusätzlich zu Ihren styles. Diese Standard-Formatvorlagen definieren bestimmte padding und margin Werte für Elemente wie <h1>, <li>, <p>, <table> usw. Die Sache ärgerlich ist, dass oft müssen Sie zum überschreiben dieser Stile, um Ihre Seite zu sehen, richtig, aber nicht alle browser-Hersteller einigen sich auf die Standardeinstellungen. Oft die meisten Entwickler finden es am einfachsten, alle zurücksetzen padding und margins zu zero so alles verhält sich wie erwartet. * ist die wildcard - Wahlschalter und entsprechen allen element-Typen. Im wesentlichen, dass der Stil sagt zurücksetzen, um alle Polsterung/Ränder auf null für alle Elemente, daher entfernen Sie alle Standard-stylings.

    InformationsquelleAutor der Antwort chubbsondubs

  9. 0

    InformationsquelleAutor der Antwort Avinash Malhotra

Schreibe einen Kommentar