CSSの基本的仕組みと解りにくいセレクタの応用や使い方。
メニュー概要
- メニュー
- 概要
- CSS構造と基礎編
- 初心者向けのCSS構造と基本的な記述方法
- 疑似クラスと疑似要素
- ふたつの違いを事例を元に記述
- 疑似クラスとリスト表
- リスト表(ul li)を疑似クラスnth-child()を使って表示するCSSの記述
- 画像やボックスの配置
- 1.横並びと中央揃え。2.画像の余白。3.画像とテキスト配置。4.中央配置。
- クリック時のリンク領域拡大
- リンク文字へマウス・ホバー時、文字のみにホバーされる状態を領域全体に広げる方策。
- ボックスの重なり対応
- 画像やボックスが重なった時、表示の優先度を数値で指定するz-index。0が基準で、数値が大きい程、前面に表示される。
- マウスカーソルの形状
- マウスが重なった時、CSSの適用でマウスの形状を変えることが出来る。