Box Model(modelos de caja):margin,border,padding,content

Box-sizing:ayuda a definir mejor el ancho y el alto de la caja. Permite decirle al

navegador si queremosque al ancho y el alto incluyan al padding
* {
box-sizing: content-box(tanto la altura como el ancho incluyen solo el contenido.
Border,padding ni margin estan incluidos);
}

* {
box-sizing: border-box(tanto la altura como el ancho incluye contenido, padding y
border pero no el margin);
}

max-width:la idea de esta propiedad es poder definir el ancho de una caja pero sin
dejarlo quieto en la misma posicion(cual es el ancho maximo que puede tener esa
caja). Marca el tope ancho del cual puede tener una caja
div {
max-width: 800px;
}

min-width:ancho minimo que le vamos a permitir a una caja

div {
min-width: 800px;
}

div {
max-width: 950px;
min-width: 500px;
}

max-height:define un altura maxima. Permite marcar el tope maximo de la altura de

una caja
div {
max-height: 300px;
}

min-height:define el alto minimo de una caja

div {
min-height: 300px;
}

margin:auto(como centrar una caja dentro de una caja)

div {
margin-left: auto;
margin-right: auto;
}