¿Qué significa "*" en CSS?

Question

He estado buscando en los archivos CSS de muchos sitios web como Facebook y Youtube.

En casi todos ellos veo este código:

* { 
margin: 0; 
padding: 0; 
} 

Es extraño, como la eliminación de ese bloque de herramientas para desarrolladores de Chrome Web no afecta al diseño de la página.

¿Qué significa este código y cuándo se usa y por qué?

Answer 1

Ésta es una técnica común que se llama un restablecimiento CSS. Los diferentes navegadores usan diferentes márgenes predeterminados, lo que hace que los sitios se vean diferentes por los márgenes. El * significa "todos los elementos" (un universal selector), por lo que establecemos que todos los elementos tengan márgenes cero y relleno cero, por lo que se ven iguales en todos los navegadores.

Answer 2

Es un comodín y establece margin y padding en 0 para todos los elementos HTML.

pruebe uno más interesante como:

* { 
    font-size: 20pt; 
} 

Answer 3

* es un comodín

Significa aplicar esos estilos para todos los elementos.

En este ejemplo está configurando margin y padding en todos los elementos a 0. Esto es común con Restablecer archivos CSS con el fin de predeterminar todo el margen/relleno del navegador nativo en diferentes elementos a un valor común.

Answer 4

Asterisk (*) es un comodín y significa todos los elementos.

* { 
    margin: 0; 
} 

establece el margen de todos los elementos a 0.

Answer 5

Se restablece el margen y el relleno de todos los elementos HTML de la página en 0.

Algunos navegadores pueden ya hacerlo de forma predeterminada, pero siempre es útil intentar reiniciar todo manualmente, por las dudas.

De hecho, muchos sitios web llevan una reset.css (o similar), que cuando se abre, se dará cuenta de muchas reglas para restablecer todo a través de todos los navegadores.

Answer 6

Esta es una parte común de un restablecimiento general de CSS. Esto básicamente establece todos los márgenes y el relleno de todos los elementos (*) en 0. Ahora puede agregar sus propios valores de margen y relleno a cada elemento según sus requisitos.

Answer 7

En CSS hay algunos estilos predeterminados aplicados a cada página web además de sus estilos. Estos estilos predeterminados definen ciertos padding y margin valores para elementos como <h1>, <li>, <p>, <table>, etc. La cosa molesta es que a menudo se debe redefinir estos estilos para obtener su página se vea correctamente, pero no todos los fabricantes de navegadores están de acuerdo en los valores por defecto. A menudo, la mayoría de los desarrolladores encuentran que es más fácil reiniciar todos padding y margins a para que todo se comporte como se esperaba. * es el selector wildcard y coincidirá con todos los tipos de elementos. Esencialmente, ese estilo dice que restablezca todos los rellenos/márgenes a cero para todos los elementos y, por lo tanto, elimine los estilos predeterminados.

Answer 8

* es una tarjeta salvaje, que selecciona todos los elementos margin: 0; y padding: 0; establecer el margen y el relleno a 0 para los elementos seleccionados, que en este caso serían todos los elementos.

Esto es muy útil para el desarrollo web, lo uso en cada sitio que construyo.