Lenguaje utilizado para definir la apariencia y el diseño de las páginas web.
Permite separar el contenido HTML de los estilos visuales, como colores, fuentes y diseño de las páginas.
/* Selectores básicos */ .clase { color: blue; } #id { font-size: 20px; } elemento { margin: 0; } /* Flexbox */ .contenedor { display: flex; justify-content: center; align-items: center; gap: 1rem; } /* Grid */ .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } /* Variables CSS */ :root { --color-primario: #3b82f6; --espaciado: 1rem; } .boton { background: var(--color-primario); padding: var(--espaciado); } /* Media queries (responsive) */ @media (max-width: 768px) { .grid { grid-template-columns: 1fr; } }
