*

ウェッブ制作

Width =px

ホーム > HTML・CSS >
CSS基本と応用 MENU 

CSSの基本的仕組みと解りにくいセレクタの応用や使い方。

メニュー概要

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