Sesión 4
Float
El estilo float se utiliza para posicionar y formatear contenido, por ejemplo, dejar que una imagen flote a la izquierda del texto en un contenedor.
margin: auto
Puede configurar el estilo margin para autocentrar horizontalmente el elemento dentro de su contenedor.
position: absolute
Un estilo position: absolute posiciona en relación con el ancestro posicionado más cercano (la página para nuestros libros).
<figcaption>
Utilice un elemento <figure> para marcar una foto en un documento y un elemento <figcaption> para definir un título para la foto
max-width
El estilo max-width define el ancho máximo de un elemento. Si el contenido es mayor que el ancho máximo, cambiará automáticamente la altura del elemento. Si el contenido es más pequeño que el ancho máximo, la max-widthpropiedad no tiene efecto.
background-position
El estilo background-position establece la posición inicial de una imagen de fondo, de forma predeterminada, una imagen de fondo se coloca en la esquina superior izquierda de un elemento y se repite tanto vertical como horizontalmente.
box-shadow
El estilo CSS box-shadow se utiliza para aplicar una o más sombras a un elemento.
border-radius
El estilo CSS border-radius define el radio de las esquinas del elemento ¡Esta propiedad le permite agregar esquinas redondeadas a los elementos!, que puede tener de uno a cuatro valores.
font-size
El estilo CSS font-size establece el tamaño del texto. Sin embargo, no deberías usar ajustes de tamaño de fuente para hacer que los párrafos parezcan títulos o que los títulos parezcan párrafos. Usa siempre las etiquetas HTML adecuadas.
Atributo Class
Las clases son identificadores que permiten agrupar elementos para aplicar estilos CSS compartidos o para interactuar con ellos a través de JavaScript. Un elemento puede tener múltiples clases, lo que proporciona flexibilidad para aplicar distintos estilos y comportamientos a un mismo elemento.