Saltar al contenido
Aprender CSS

CSS son las Hojas de Estilo en Cascada (Cascading Style Sheets). Es un lenguaje para describir la presentación de las páginas web. Permite separar presentación y contenido (diseño, colores, tipografías), mejora la accesibilidad y hace el contenido más adaptable. CSS define la apariencia del HTML en el navegador. Ahorra tiempo: puedes escribir una hoja de estilo y reutilizarla en muchas páginas y optimizar el contenido para distintos dispositivos.

En este tutorial de CSS aprenderás a controlar el estilo y el diseño de varias páginas a la vez. CSS se introdujo junto con HTML para dar una mejor forma de estilizar los elementos HTML.

Conviene tener nociones básicas de HTML: con las etiquetas HTML creamos la página y con CSS le damos estilo. El HTML estructura el contenido y el CSS lo formatea: puedes cambiar el color, el color de fondo, el tamaño de fuente, etc. Nuestra guía incluye secciones sobre fundamentos, propiedades CSS y selectores.

Fundamentos de CSS

En el capítulo de fundamentos verás el uso de CSS en el documento HTML y la forma correcta de escribir la sintaxis. También hay repasos de texto, fuente, enlaces, tablas, bordes, padding y márgenes. El capítulo también presenta degradados CSS para fondos con transiciones de color.

Guías de CSS

Este libro incluye una guía detallada de Flexbox sobre diseño unidimensional con ejemplos, además de un listado de propiedades CSS3 agrupadas por categorías con descripciones breves.

Selectores

CSS es un lenguaje basado en reglas: defines reglas que aplican estilos a elementos o grupos de elementos. Los selectores CSS eligen elementos según su id, clase, tipo, atributos, etc. En el capítulo de selectores encontrarás pseudo-clases y pseudo-elementos con ejemplos y compatibilidad de navegadores, incluso selectores poco usados.

Propiedades

El capítulo de propiedades CSS abarca casi 250 propiedades, tanto habituales como obsoletas, con ejemplos que puedes probar, consejos y notas para elegir bien.

Los siguientes capítulos profundizan en todo lo relacionado con CSS. Esperamos que disfrutes aprendiendo con nosotros y encuentres información valiosa.

Vista previa dual-run — compárala con las rutas Symfony en producción.