1. Texto y Tipografía

• color: Define el color del texto.
• font-family: Define la fuente o tipo de letra.
• font-size: Define el tamaño de la fuente.
• font-weight: Define el grosor de la fuente (bold, normal, 100-900).
• text-align: Alineación del texto (left, right, center, justify).
• text-decoration: Decoración del texto (underline, none, line-through).
• line-height: Altura de la línea de texto.
• letter-spacing: Espaciado entre caracteres.

2. Modelo de Caja (Box Model)

• width / height: Ancho y alto del contenido.
• padding: Espacio interno (relleno) entre el contenido y el borde.
• margin: Espacio externo (margen) alrededor del elemento.
• border: Borde que rodea el relleno y el contenido.
• box-sizing: Define cómo se calculan el ancho y alto (content-box, border-box).

3. Fondos (Backgrounds)

• background-color: Color de fondo.
• background-image: Imagen de fondo (url).
• background-size: Tamaño de la imagen de fondo (cover, contain).
• background-position: Posición de la imagen de fondo.
• background-repeat: Si la imagen se repite o no.

4. Layout y Posicionamiento

• display: Comportamiento de visualización (block, inline, flex, grid, none).
• position: Método de posicionamiento (static, relative, absolute, fixed, sticky). Ver detalle »
• top / right / bottom / left: Coordenadas para elementos posicionados.
• z-index: Orden de apilamiento (capas) de elementos posicionados.
• float: Flota un elemento a la izquierda o derecha.
• clear: Limpia los flotados.
• overflow: Qué hacer si el contenido desborda (visible, hidden, scroll, auto).

5. Flexbox y Grid

• justify-content: Alineación en el eje principal (flex/grid).
• align-items: Alineación en el eje cruzado (flex).
• flex-direction: Dirección de los items flexibles (row, column).
• grid-template-columns: Definición de columnas en Grid.
• gap: Espacio entre filas y columnas.

6. Efectos Visuales

• opacity: Transparencia del elemento (0 a 1).
• box-shadow: Sombra de la caja.
• border-radius: Bordes redondeados.
• cursor: Tipo de cursor al pasar el ratón (pointer, text, etc.).
• transition: Transición suave entre cambios de estado.
• transform: Transformaciones 2D/3D (rotate, scale, translate).