Tutorial de Tailwind CSS
Tailwind CSS es un framework CSS de código abierto.
Tailwind CSS es un framework CSS rico en funciones y orientado a la utilidad (utility-first) para construir rápidamente diseños personalizados.
Tailwind CSS fue creado por Adam Wathan y Jonathan Reinink en 2017, y publicado en 2018.
El concepto central de Tailwind CSS es proporcionar una gran cantidad de clases de utilidad (utility classes) que se pueden aplicar directamente a los elementos HTML para lograr el diseño.
¿Quién debería leer este tutorial?
Solo necesita tener conocimientos básicos de HTML y CSS para leer este tutorial y desarrollar su propio sitio web. Después de completar este tutorial, alcanzará un nivel intermedio en el desarrollo de proyectos web con Tailwind CSS.
Conocimientos que necesita antes de leer este tutorial:
Antes de comenzar a leer este tutorial, debe tener conocimientos básicos de HTML, CSS y JavaScript. Si aún no conoce estos conceptos, le recomendamos que lea primero estos tutoriales:
Ejemplos de Tailwind CSS
A continuación se muestra un ejemplo sencillo de Tailwind CSS:
Ejemplos de Tailwind CSS
Pruébalo »
El ejemplo anterior muestra cómo definir rápidamente una tarjeta con fondo azul, texto blanco, relleno interno (padding) y esquinas redondeadas mediante simples nombres de clase.
Enlaces de referencia
Sitio web oficial de Tailwind CSS:https://tailwindcss.com/
Documentación oficial de Tailwind CSS:https://tailwindcss.com/docs/
Otras extensiones