Tutorial de Tailwind CSS

Tailwind CSS es un framework CSS de código abierto.

Tailwind CSS es un framework CSS rico en funciones y centrado en la utilidad, que se utiliza para crear 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, que se pueden aplicar directamente a los elementos HTML para lograr el diseño.

¿Quién debería leer este tutorial?

Siempre que tenga conocimientos básicos de HTML y CSS, puede leer este tutorial y desarrollar su propio sitio web. Después de completar este tutorial, podrá 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 leer primero nuestros tutoriales:

Ejemplos de Tailwind CSS

A continuación se muestra un ejemplo sencillo de Tailwind CSS:

Ejemplos de Tailwind CSS

<div class="bg-blue-500 text-white p-4 rounded-lg"> Hello, Tailwind CSS! </div>

Pruébalo »

El ejemplo anterior muestra cómo definir rápidamente una tarjeta con fondo azul, texto blanco, relleno y esquinas redondeadas mediante nombres de clase simples.

Enlaces de referencia

Sitio web oficial de Tailwind CSS:https://tailwindcss.com/

Documentación oficial de Tailwind CSS:https://tailwindcss.com/docs/

Otras extensiones