新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 はじめてのCSSを書いてみよう (02:55) 無料公開中
- styleタグ
- セレクタ、プロパティ
- CSSファイルの作成、読み込み
-
#02 デベロッパーツールを使ってみよう (02:38) 無料公開中
- デベロッパーツールの起動
- Elmentsパネル
- HTML/CSSの確認
- Styles/Computedタブ
-
#03 色の表現方法を学ぼう (02:52) 無料公開中
- 色キーワード
- rgb()
- 16進数による表現
-
#04 CSSのBoxモデルを確認してみよう (02:54) 無料公開中
- font-family
- background-color
- Boxモデル
-
#05 marginで外側の余白を設定しよう (01:59)
- marginの設定
-
#06 リストのスタイリングをしてみよう (02:38)
- list-style-type
- padding
- display
-
#07 aタグのプロパティを操作しよう (02:51)
- text-decoration
- inherit
- 擬似クラス
-
#08 セレクタの適用範囲を限定しよう (02:16)
- 半角空白区切りのセレクタ
- >区切りのセレクタ
-
#09 背景画像の設定をしよう (02:55)
- background-image
- background-size
- background-position
-
#10 marginの相殺について理解しよう (02:56)
- marginの相殺
-
#11 border-radiusを使ってみよう (01:54)
- class
- border-radius
-
#12 box-shadowで影をつけよう (02:29)
- border
- box-shadow
-
#13 divタグを使ってみよう (02:57)
- div
- カンマ区切りのセレクタ
-
#14 marginにautoを指定してみよう (02:44)
- auto
- border-bottom
-
#15 フッターのリンクを完成させよう (02:18)
- footerのスタイリング
- opacity
-
#16 floatで要素の位置を変えてみよう (01:49)
- Copyrightのスタイリング
- float
-
#17 プロフィールサイトを完成させよう (02:46)
- aboutページのスタイリング
