会員登録すると
学習することができます。
会員登録する（無料）
学習することができます。
登録済みの方はこちら
ログイン
Tailwind CSSを導入しよう
目安学習時間 4分
学ぶ目的
導入する
Tailwind CSSをプロジェクトに導入します。パッケージをインストールし、設定ファイルを用意し、CSSファイルにTailwindを読み込む——この3ステップが基本です。
設定ファイルの役割
設定ファイルには、Tailwindがどのファイルを見てクラスを探すか（content）を指定します。ここが正しくないと、書いたクラスが効かないという状態になります。
効いているか確認する
導入できたら、適当な要素に text-red-500 などのクラスを付けて、実際に見た目が変わるか確認してください。ここでつまずくと以降がすべて進まないので、確実に通しておきましょう。
このレクチャーで学ぶこと
- Tailwind CSSのインストール
- 設定ファイルの準備
- 動作確認
質問
まだ質問は投稿されていません。
質問投稿
ログイン後に質問の投稿ができます。
理解度チェックテストに
合格しました！
おめでとうございます！
Tailwind CSS初級
Tailwind CSS初級講座
Tailwind CSSを導入しよう
理解度チェックテストに合格しました！
＼ SNSにシェアする ／
