1

He visto que es muy común que nada más empezar el css, muchos ficheros empiezan con:

*{
    margin: 0;
    padding: 0;
}

Utilizado en teoría para que todos los elementos no tengan padding ni margin. ¿Realmente esto funciona? Porque he tenido muchas veces que modificar algún elemento. No se si es porque utilizo librerías como Bootstrap, que hace que los elementos tengan una serie de propiedades.

2 respuestas 2

2

Funcionar funciona, ha sido una forma de resetear el padding y margen desde hace bastante tiempo. (Aunque he encontrado fuentes más antiguas)

Sin embargo, hay motivos para no usarlo, el autor del mismo blog se arrepintió meros meses después de su decisión.

¿El problema? El rendimiento de la página disminuye, esta respuesta de stackoverflow da más información sobre el por qué, pero el motivo es simple: El elemento estrella aplica a todos los elementos del DOM, y ciertas páginas web pueden tener cientos de ellos.

También recuerda que la clase/propiedad aplicada al elemento es la última especificada en el css, por lo que no funcionará si se declara otro margen o espaciado tras la declaración inicial.

1

Claro que funciona, pero si añades bootstrap o cualquier otro css a buen seguro añadira margenes a los elementos que se considere.

Sobre el rendimiento, se han hecho pruebas con cantidades "extremas" de codigo y selectores como *{...} y la diferencia era del orden de milisegundos, los motores están ya muy optimizados y la carga de resetear con * es despreciable en css. Otra cosa seria utilizar en JS/Jquery, ahi si que lastraria el rendimiento de forma considerable.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.