Learn CSS

Style your website and make it stand out with our CSS tutorials. From basic layouts to advanced effects and animations, we'll help you level up your design skills.

All CSS content:

  1. Listas con viñetas mejoradas con el pseudoelemento ::marker de CSS

    Listas con viñetas mejoradas con el pseudoelemento ::marker de CSS

    Tutorial Beginner

    En este tutorial trabajaremos con el pseudoelemento ::marker, que nos brinda acceso de estilo a la «caja de marcadores» en los elementos de una lista. Luego...

  2. Exploración de los efectos creativos de desplazamiento de CSS para enlaces en línea

    Exploración de los efectos creativos de desplazamiento de CSS para enlaces en línea

    Tutorial Beginner

    En este tutorial estamos hablando de los efectos de desplazamiento de CSS. ¡Y no cualquier efecto de desplazamiento tampoco! Vamos a crear algunas...

  3. Flexbox frente a CSS Grid: ¿Cuál debes usar y cuándo?

    Flexbox frente a CSS Grid: ¿Cuál debes usar y cuándo?

    Tutorial Beginner

    Flexbox y CSS Grid son dos módulos de diseño CSS que se han convertido en la tendencia principal durante los últimos años. Ambos nos permiten crear diseños...

  4. Una guía completa sobre la ordenación y la reordenación en flexbox

    Una guía completa sobre la ordenación y la reordenación en flexbox

    Tutorial Intermediate

    El módulo de maquetación flexbox nos permite colocar elementos flexibles en cualquier orden y dirección. La ordenación en flexbox es, de hecho, más fácil que...

  5. Una Guía Comprensible Sobre la Alineación de Flexbox

    Una Guía Comprensible Sobre la Alineación de Flexbox

    Tutorial Intermediate

    La alineación es probablemente el aspecto más confuso de flexbox. El módulo flexbox layout tiene un puñado de útiles propiedades de alineación que se...

  6. Cambia entre esquemas de color con variables CSS y JavaScript

    Cambia entre esquemas de color con variables CSS y JavaScript

    Tutorial Beginner

    En este tutorial analizaremos cómo implementar diferentes esquemas de color en un sitio web usando variables CSS y una línea de JavaScript puro. Primero...

  7. Las 15+ Mejores Prácticas para Escribir Código Super Legible

    Las 15+ Mejores Prácticas para Escribir Código Super Legible

    Tutorial Intermediate

    Dos veces al mes, revisamos algunas de las publicaciones favoritas de nuestros lectores durante la historia de Nettuts+.

  8. Cómo personalizar un tema de WordPress con CSS

    Cómo personalizar un tema de WordPress con CSS

    Tutorial Beginner

    Cuando quieres aprender a personalizar un tema de WordPress con CSS, una de las primeras cosas que deberás saber es cómo editar los archivos dentro del...

  9. Cómo crear un conmutador de temas simple con el truco checkbox de CSS

    Cómo crear un conmutador de temas simple con el truco checkbox de CSS

    Tutorial Intermediate

    En este tutorial, aprenderás a crear un conmutador de temas únicamente con CSS, aprovechando la «técnica con el truco checkbox de CSS» y las variables de CSS.

  10. Gráficos en CSS: cómo crear un organigrama horizontal

    Gráficos en CSS: cómo crear un organigrama horizontal

    Tutorial Intermediate

    En un tutorial anterior, aprendimos cómo crear un organigrama vertical usando solamente CSS. Hoy, a petición de algunos, analizaremos el proceso de...

  11. Las 30 mejores prácticas CSS para principiantes

    Las 30 mejores prácticas CSS para principiantes

    Tutorial Intermediate

    CSS es un lenguaje que es utilizado por casi todos los desarrolladores en algún momento. Si bien es un lenguaje que a veces damos por sentado, es poderoso y...

  12. Crear un Efecto de Nota Adhesiva en 5 Pasos con CSS3 y HTML5

    Crear un Efecto de Nota Adhesiva en 5 Pasos con CSS3 y HTML5

    Tutorial Intermediate

    Dos veces al mes, revisamos algunos de las publicaciones favoritas de nuestros lectores del historial de Nettuts+. Este tutorial fue publicado por primera...