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

Web制作入門

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

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

  • セレクタ
  • ボックスモデル
  • 擬似クラス
  • 22 演習
  • 目安 5時間20分
0 / 22 演習完了
レッスンを始める

学べること一覧

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