コース

Tailwind CSS

HTMLにクラスを並べるだけでスタイルが決まる「ユーティリティクラス」という考え方を学びます。素のCSSと1対1で見比べながら進めるので、CSSを学んだ知識がそのまま活きます。使うと得な場面・損な場面もはっきりさせます。

はじめよう

Tailwind CSSって何？

Tailwind CSS・レッスン 1 / 7

まず動かしてみる全2レッスン

Tailwind CSSは、HTMLにクラスを並べるだけで見た目が決まる仕組みです。CSSファイルに余白を書く代わりに、HTML側にp-4と書きます。慣れると速い一方で、最初は「HTMLがうるさい」と感じる人も多い書き方です。

このコースでは、素のCSSとTailwindを毎回並べて見比べます。どのクラスがどのCSSに対応しているかが分かるので、CSSコースで学んだ知識がそのまま活きます。

得な場面（同じ見た目を何度も作る、クラス名を考える迷いを減らす）と、損な場面（1回しか使わない複雑な指定）もはっきり書きます。前提はCSSコースです。