¡Bienvenido a la Guía de CSS!

CSS (Cascading Style Sheets) es un lenguaje de diseño que se utiliza para dar estilo a las páginas web. 🎨 Con CSS, puedes controlar el color, la tipografía, el espaciado, el diseño y mucho más. 🚀 ¡Es el complemento perfecto para HTML! 💻

Introducción a CSS

CSS es un lenguaje que se utiliza para definir el estilo de los elementos HTML. Con CSS, puedes cambiar el color de fondo, el tamaño de la fuente, el espaciado entre elementos y mucho más. Aquí tienes un ejemplo básico:

Ejemplo de CSS

body {
    background-color: #f4f4f4;
    font-family: 'Montserrat', sans-serif;
    color: #333;
}

Selectores en CSS

Los selectores son patrones que se utilizan para seleccionar los elementos a los que se aplicarán los estilos. Aquí tienes algunos ejemplos:

.clase

Selecciona elementos con la clase especificada.
#id

Selecciona un elemento con el ID especificado.
elemento

Selecciona todos los elementos del tipo especificado.

Propiedades de CSS

Las propiedades de CSS definen cómo se verán los elementos seleccionados. Aquí tienes algunas propiedades comunes:

Texto

color: Define el color del texto.
font-size: Define el tamaño de la fuente.
font-family: Define la familia de la fuente.

Fondo

background-color: Define el color de fondo.
background-image: Define una imagen de fondo.
background-size: Define el tamaño de la imagen de fondo.

Unidades en CSS

Las unidades en CSS se utilizan para definir tamaños, distancias y otras medidas. Aquí tienes algunas unidades comunes:

Absolutas

px: Píxeles.
cm: Centímetros.
in: Pulgadas.

Relativas

%: Porcentaje.
em: Relativo al tamaño de la fuente.
rem: Relativo al tamaño de la fuente raíz.