コース概要

導入

  • テイルウィンドの概要 CSS

はじめる

  • Tailwind CSS のインストール
  • ノードのインストール
  • VSコードのインストール
  • 環境のセットアップ

追い風 CSS 基本

  • 追い風CSSをHTMLで付ける
  • ユーティリティ クラスを使用したコンテナの作成
  • 幅と高さのプロパティを追加する
  • フレックスボックスの仕組みを理解する
  • フレックス項目のラッピングとサイズ変更
  • グリッドと行のレイアウトの作成
  • グリッドレイアウト内の要素の流れを調整する
  • 項目間のギャップの追加と位置揃え
  • 個々の項目を正当化する
  • 要素にパディングとマージンを追加する
  • Tailwind ユーティリティ クラスを使用したテキストのスタイル設定
  • 境界線の追加とスタイル設定
  • 要素に影を追加する
  • ブレークポイントを使用して応答動作を追加する
  • 疑似セレクターの使用
  • ディレクティブを重ねて適用する
  • コードを再利用するためのコンポーネントの使用

より良い開発環境のセットアップ

  • Tailwind CLI を使用した環境の作成
  • ディレクティブと関数

概要と次のステップ

要求

  • HTMLとCSSの基本的な知識

観客

  • 開発者
 7 時間

参加者の人数



Price per participant

お客様の声 (6)

関連コース

関連カテゴリー