• ログイン
  • 新規登録
  • コース一覧
  • 有料プラン

Web制作入門

CSSを使ったスタイリングの基礎を学ぼう プロ

border・余白・擬似要素・重なり順など、CSSによる細かなスタイリングの基礎を身につけます。

  • セレクタ
  • ボックスモデル
  • 擬似クラス
  • 22 演習
0 / 22 演習完了
レッスンを始める

学べること一覧

  • セレクタ プロ
  • タグに名前をつける プラス
  • 値と単位 プロ
  • 文字の色 プラス
  • 文字の大きさと種類 プラス
  • テキストのレイアウト プロ
  • 高さと幅と背景の色 プラス
  • 背景 プロ
  • カスケードと継承 プロ
  • ボックスモデル プロ
  • 要素コンテナ プロ
  • 要素の表示 プロ
  • 要素に角丸や影をつけてみよう
  • 要素に枠をつけるborderとoutlineをおさえよう
  • 背景にグラデーションを適用してみよう
  • ポジションを使った要素の配置をマスターする
  • 擬似クラスを使ってスタイリングをしよう
  • 擬似要素を利用してスタイリングをしよう
  • n番目の要素に対してCSSを適用する
  • 要素特有のCSSを抑えよう
  • z-indexを使って要素の重なり順を指定しよう
  • 【腕試し】おしゃれなカードを作ろう