LM | DÍA 17: PROPIEDAD BOX-SIZING Y COMO CENTRAR EL LAYOUT & ELEMENTOS

Día 17. En el día de hoy, hemos aprendido una nueva propiedad CSS, box-sizing. Además, también hemos aprendido las propiedades para poder centrar el layout y sus elementos.

Derechos de autor aquí

Propiedad Box-Sizing:

La propiedad box-sizing, de manera predeterminada, tiene por defecto el atributo content-box. Este atributo sirve para que, si se define el ancho de un elemento, la caja del contenido también tenga ese mismo ancho. Por otra parte, se le puede apropiar el atributo border-box. Este otro atributo, le dice al navegador tomar en cuenta para cualquier valor que se especifique de borde o de relleno para el ancho o alto de un elemento. 

Centrar un elemento: 

Según el elemento que queramos centrar, tendremos que usar diferentes atributos en nuestro CSS:

• Elementos en línea: text-align:center
• Elementos en bloque: margin: x auto
• Varios elementos en bloque en la misma fila: text-align:center (al padre) o display:inline-block (a los elementos)