Que signifie "*" en CSS ?

Question

J'ai examiné les fichiers CSS de nombreux sites Web tels que Facebook et Youtube.

Dans presque tous les cas, je vois ce code :

* {
margin: 0;
padding: 0;
}

C'est étrange, car la suppression de ce bloc dans les outils de développement Web de Chrome n'affecte pas la mise en page.

Que signifie ce code, quand est-il utilisé et pourquoi ?

Answer 1

Il s'agit d'une technique courante appelée "réinitialisation CSS". Les différents navigateurs utilisent des marges par défaut différentes, ce qui fait que les sites ont un aspect différent selon les marges. Le site * signifie "tous les éléments" (a sélectionneur universel ), nous définissons donc tous les éléments pour qu'ils aient des marges et un remplissage nuls, ce qui leur donne le même aspect dans tous les navigateurs.

Answer 2

Astérisque ( * ) est un joker et signifie tous les éléments.

* {
    margin: 0;
}

fixe la marge de tous les éléments à 0.

Answer 3

* est un joker

Cela signifie appliquer ces styles à tous les éléments.

Dans ce cas, il s'agit de définir le margin et padding sur tous les éléments à 0 . C'est une pratique courante avec les fichiers CSS de réinitialisation afin de donner une valeur commune à toutes les marges et à tous les renforts du navigateur natif sur différents éléments.

Answer 4

Il remet à 0 la marge et le padding de tous les éléments HTML de la page.

Certains navigateurs le font déjà par défaut, mais il est toujours utile d'essayer de tout réinitialiser manuellement, juste au cas où.

En fait, de nombreux sites Web comportent un fichier reset.css (ou un fichier similaire) qui, une fois ouvert, contient de nombreuses règles visant à tout réinitialiser dans tous les navigateurs.

Answer 5

Il s'agit d'un caractère de remplacement qui définit margin et padding à 0 pour tous les éléments HTML.

Essayez-en un plus intéressant comme :

* {
    font-size: 20pt;
}