Propiedades šŸŽØ CSS BĆ”sicas

Descripción: Cambia el color del texto de un elemento HTML. Puedes usar nombres de colores, valores hexadecimales, RGB o HSL.

<p style="color: blue">Texto en azul</p>

Descripción: Define el color de fondo del elemento. Puedes aplicarlo a cualquier elemento HTML como divs, secciones, pÔrrafos, etc.

<div style="background-color: yellow;">Fondo amarillo</div>

Descripción: Ajusta el tamaño de la fuente del texto. Puedes usar unidades como píxeles (px), em, rem, porcentajes (%) o puntos (pt).

<p style="font-size: 20px;">Texto mƔs grande</p>

Descripción: Alinea el texto dentro de su elemento contenedor. Los valores mÔs comunes son: left (izquierda), center (centro), right (derecha) y justify (justificado).

<p style="text-align: center;">Texto centrado</p>

Descripción: Define el espacio exterior (fuera del borde) de un elemento. Crea separación entre elementos. Puedes especificar valores para cada lado: top, right, bottom, left.

<div style="margin: 20px;">Margen de 20 pĆ­xeles</div>

Descripción: Define el espacio interior entre el contenido y el borde del elemento. Crea un "colchón" interno que separa el contenido del borde.

<div style="padding: 10px;">Espacio interno de 10 pĆ­xeles</div>

Descripción: Agrega un borde alrededor del elemento. Puedes especificar el grosor, el estilo (solid, dashed, dotted, etc.) y el color del borde.

<p style="border: 2px solid black;">Texto con borde</p>

Descripción: Controlan el ancho (width) y la altura (height) del elemento. Son especialmente útiles para imÔgenes, contenedores y otros elementos de bloque.

<img src="imagen.jpg" style="width: 200px; height: 150px;">