0

Estoy haciendo una página para aprender y practicar Tailwind, pero al colocar las clases en mis etiquetas html, no se cambian los estilos.

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Practicando Tailwindcss</title>
    <link href="/public/output.css" rel="stylesheet">
</head>
<body>
    <header class="bg-black text-white">
        <h1 class="text-4xl font-bold">titulo</h1>
        <ul class="flex">
            <li>inicio</li>
            <li>nsdfsf</li>
            <li>sdf</li>
            <li>contacto</li>
        </ul>
    </header>
</body>

Ese es el código que llevo, soy nueva con este framework asique nose cual puede llegar a ser el problema ni tampoco se que información hay que dar para que resuelvan este problema, asique si necesitan mas información díganme, desde ya agradezco el tiempo de respuesta.

1 respuesta 1

0

He consultado la documentación de Tailwind CSS. Tiene varias maneras de instalación y una de ellas es insertando un script en tu documento HTML.

<script src="https://cdn.tailwindcss.com"></script>

Prueba a ejecutar este ejemplo, donde inserto ese script y muestro el mismo body que aparece en tu documento. Faltaría incluir los estilos de tu archivo output.css, pero no importa.

<html>
<head>
<script src="https://cdn.tailwindcss.com"></script>
</head>

<body>
<header class="bg-black text-white">
    <h1 class="text-4xl font-bold">titulo</h1>
    <ul class="flex">
        <li>inicio</li>
        <li>nsdfsf</li>
        <li>sdf</li>
        <li>contacto</li>
    </ul>
</header>
</body>
</html>

2
  • Muchas graciass @Smashoverflow, sabia sobre este script, no sabia que era necesario, creí que solo se utilizaba cuando estabas en un playground. Gracias tu agradezco tu tiempo!! el 8 jul. a las 20:00
  • Por favor, marca esta respuesta como aceptada si te sirvió. Gracias.
    – user274605
    el 8 jul. a las 20:12

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.