新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 CSSとは何か？ (02:19) 無料公開中
- CSSとは何の略か。
- CSSの勉強に必要なものについて。
-
#02 CSSはどこに書くか？ (02:40) 無料公開中
- 外部ファイルにCSSを書く方法。
- STYLEタグを使ったCSSを書く方法。
- HTML要素にCSSを書く方法。
-
#03 CSSの書き方の基本 (01:57) 無料公開中
- CSSのセレクタ。
- CSSのプロパティと値。
- CSSでコメントを書く方法。
-
#04 セレクタを理解する (02:38) 無料公開中
- *セレクタ。
- HTML要素のセレクタ。
- ID要素のセレクタ。
- class要素のセレクタ。
-
#05 テキストのスタイル (02:48) 無料公開中
- テキストの色を指定する(color)。
- フォントサイズを指定する(font-size)。
- 太字を指定する(font-weight)。
- 行揃えを指定する(text-align)。
-
#06 もっとテキストのスタイル (02:04)
- 行の高さを指定する(line-height)。
- テキストの装飾を指定する(text-decoration)。
- 斜体を指定する(font-style)。
-
#07 背景のスタイル (02:36)
- 背景画像を指定する。
- 背景画像の位置を指定する。
- 背景画像の繰り返しの有無を指定する。
-
#08 ブロック要素のスタイル (02:05)
- ブロック要素の背景色を指定する。
- ブロック要素の高さ、幅を指定する(width, height)。
-
#09 境界線のスタイル (02:32)
- 枠線の色を指定する。
- 枠線の太さを指定する。
- 枠線のスタイルを指定する。
-
#10 余白のスタイル (03:00)
- 内側の余白を指定する(padding)。
- 外側の余白を指定する(margin)。
-
#11 要素の回り込みと解除 (02:36)
- 要素を右寄せ、もしくは左寄せにする(float)。
- 要素の回り込みを解除する(clear)。
-
#12 レイアウトを作る (02:20)
- ヘッダーを配置する。
- メイン要素を配置する。
- サイドバーを配置する。
- フッターを配置する。
-
#13 リストのスタイル (02:56)
- 箇条書きリストを作る(ul)。
- 番号付きリストを作る(ol)。
- 番号のスタイルを変更する。
-
#14 表示のスタイル (02:16)
- 要素の表示方法を指定する(display)。
- 要素を非表示にする。
-
#15 カーソルのスタイル (01:55)
- カーソルのスタイルを指定する(cursor)。
-
#16 セレクタの高度な指定方法 (03:00)
- a, b
- a b
- a>b
- ab
-
#17 擬似クラスについて (02:46)
- :hover
- :first-child
- :focus
-
#18 セレクタの優先順位 (02:51)
- 書く順番
- idとclass
- 詳細度
- !important
-
#19 要素の位置指定 (02:54)
- position:relative
- position:absolute
- position:fixed
-
#20 要素の重なり指定 (02:56)
- z-index
