Qué significa esto en css? <code>* { box-sizing: border-box; margin: 0; padding: 0; } </code>

Rogelio Samuel Moreno Corrales

Pregunta

student•hace 4 años

Qué significa esto en css?

* {  box-sizing: border-box;  margin: 0;  padding: 0; }

Jairo Andrés López Restrepo

student•hace 4 años

Rogelio, lo que pasa es que el navegador trae unas medidas predeterminadas, con estas declaraciones lo que se hace es poner en 0 todas esas medidas. El box-sizing lo que hace es recalcular la medida del border y el padding con respecto al tamaño del contenido.

Irving Juárez

student•hace 4 años

Eso significa que vamos a quitar el margin y el padding que da por defecto el navegador y vamos a colocar el ancho de pantalla al margen. Eso es para que podamos tener mas control a la hora de poner nuestras etiquetas y darles diseño.

Giovanni Salas Hernández

student•hace 4 años

El selector * afecta al elemento root que en este caso es toda la etiqueta <html> así que con eso lo que estas haciendo es resetear la configuración que por defaul le aplica el navegador a tu archivo. Saludos.

Carlos Eduardo Gomez García

teacher•hace 4 años

¡Hola!, eso se explica en otra clase, básicamente

*

es un selector universal que va a seleccionar TODAS las etiquetas y le va a poner esos estilos:

box-sizing: border-box
: Dice que el tamaño de caja se va a mantener estable, no importa si se le añade un padding, el tamaño de caja se quedará con el tamaño indicado y el padding crecerá hacia adentro. Si no se lo ponemos, cuando agreguemos un padding el tamaño de caja crecerá porque se sumara el tamaño actual más el padding creciendo hacia afuera.
margin: 0
: Quita los márgenes externos.
padding: 0
Quita los márgenes internos (también conocidos como el espacio entre el borde de la caja y su contenido)

Qué significa esto en css? <code>* { box-sizing: border-box; margin: 0; padding: 0; } </code>

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]