Sesión 3
Pixel
El uso de píxeles en CSS es práctico para diseños que requieren precisión en tamaños absolutos. Sin embargo, para diseños adaptables o responsivos, se suelen combinar otras unidades (como porcentajes, em, o rem) junto a px para asegurar que el contenido se ajuste a diferentes dispositivos y resoluciones.
RGBA
En CSS, el formato de color rgba permite definir colores con transparencia (también conocida como opacidad), lo cual es útil para crear efectos visuales de superposición, resaltar elementos, o suavizar el impacto de ciertos colores en un diseño.
A es el Canal alfa, que controla la opacidad, con un valor entre 0 (totalmente transparente) y 1 (totalmente opaco).
position
La propiedad position en CSS controla cómo se posiciona un elemento en el flujo del documento y, en muchos casos, establece su referencia de posicionamiento (a través de propiedades como top, right, bottom y left).
background-color
El estilo background-color establece el color de fondo de un elemento.
Use un color de fondo y un color de texto que haga que el texto sea fácil de leer.
margin
El estilo CSS margin establece el margen para los cuatro lados. Es una abreviación para evitar tener que establecer cada lado por separado con las otras propiedades de margen: margin-top, margin-right, margin-bottom y margin-left
padding
El estilo CSS padding se utiliza para crear espacio alrededor del contenido de un elemento, dentro de cualquier borde definido. Lo llamaremos márgenes internas.
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.