Conceptos Fundamentales CSS: Estilos, Propiedades y Selectores

Bordes CSS: Propiedades de Estilo y Dimensiones

• .border-top-width: Anchura del borde superior.
• .border-right-width: Anchura del borde derecho.
• .border-bottom-width: Anchura del borde inferior.
• .border-left-width: Anchura del borde izquierdo.
• .border-width: Anchos de varios bordes individuales.
• .border-top-color: Color del borde superior.
• .border-right-color: Color del borde derecho.
• .border-bottom-color: Color del borde inferior.
• .border-left-color: Color del borde izquierdo.
• .border-color: Colores de varios bordes.
• .border-top-style: Estilo del borde superior.
• .border-right-style: Estilo del borde derecho.
• .border-bottom-style: Estilo del borde inferior.
• .border-left-style: Estilo del borde izquierdo.
• .border-style: Estilo de varios bordes individuales.
• .border-top: Ancho, estilo y color para el borde superior.
• .border-right: Ancho, estilo y color para el borde derecho.
• .border-bottom: Ancho, estilo y color para el borde inferior.
• .border-left: Ancho, estilo y color para el borde izquierdo.
• .border: Ancho, estilo y color para los cuatro bordes.

Colores y Fondos CSS

• .color: Color del primer plano.
• .background-color: Color de fondo.
• .background-image: Imagen de fondo.
• .background-repeat: Repetición de la imagen de fondo.
• .background-attachment: Desplazamiento de la imagen de fondo.
• .background-position: Posición de la imagen de fondo.
• .background: Propiedades individuales relacionadas con el fondo.

Fuentes CSS: Tipografía y Estilos

• .font-family: Familias de fuentes.
• .font-style: Estilo de la fuente.
• .font-variant: Convierte las minúsculas a mayúsculas, manteniendo un tamaño inferior al de las mayúsculas.
• .font-weight: Intensidad (grosor) de la fuente.
• .font-size: Tamaño de la fuente.
• .font: Atajo para establecer varias propiedades de fuente a la vez.

Texto CSS: Alineación y Transformación

• .text-indent: Desplazamiento de la primera línea del texto.
• .text-align: Alineación del texto.
• .text-decoration: Efectos de subrayado, tachado o parpadeo.
• .letter-spacing: Espacio entre caracteres.
• .word-spacing: Espacio entre palabras.
• .text-transform: Transformaciones del texto (mayúsculas/minúsculas).
• .white-space: Comportamiento de los espacios en blanco dentro de los elementos.

Tipos de CSS: Incrustado

• <style>: Se incluye en el mismo documento HTML. Adecuado para un número reducido de estilos.

Tipos de CSS: Vinculado

• <link>: Todos los estilos CSS se incluyen en un archivo CSS externo vinculado al documento HTML. Se sitúa en la cabecera.

Tipos de CSS: En Línea

• Los estilos se incluyen en el atributo 'style' de cada elemento HTML.

Elementos HTML Comunes: div y span

• <div>: Etiqueta de bloque.
• <span>: Etiqueta en línea.
• Por sí solos no tienen un efecto visual, pero son fundamentales con el atributo 'class' o 'id' para aplicar estilos o manipular contenido.

Pseudo-clases CSS para Enlaces

• :link: Aplica estilos a los enlaces a recursos no visitados.
• :visited: Aplica estilos a los enlaces a recursos visitados.
• :hover: Aplica estilos a los enlaces sobre los que el usuario coloca el cursor.
• :active: Aplica estilos a los enlaces en el momento en que se hace clic sobre ellos.