Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:front-end_framework:tailwind_css

< Front-end framework

Tailwind CSS

A Tailwindcss

A Tailwindcss a komponenseihez nem nyújt komplett megoldást. A Tailwindui viszont pénzért kínálja ezeket.

Webhely:

UI komponensek:

Komplett komponens megoldások:

Tailwind CSS kezdés

npm install tailwindcss

Font család

  • font-sans
  • font-serif
  • font-mono

Szöveg méretezése

  • text-xs
  • text-sm
  • text-base
  • text-lg
  • text-xl
  • text-2xl
  • text-3xl
  • text-4xl
  • text-5xl
  • text-6xl
  • text-7xl
  • text-8xl
  • text-9xl

Font stílus

  • italic
  • not-italic
<p class="italic hover:not-italic">
  <!-- ... -->
</p>

Font vastagság

font-thin font-weight: 100;
font-extralight font-weight: 200;
font-light font-weight: 300;
font-normal font-weight: 400;
font-medium font-weight: 500;
font-semibold font-weight: 600;
font-bold font-weight: 700;
font-extrabold font-weight: 800;
font-black font-weight: 900;
oktatas/web/front-end_framework/tailwind_css.txt · Utolsó módosítás: 2024/04/23 11:30 szerkesztette: admin