カテゴリー: CSS講座

CSS講座 / 結合子と擬似クラス：親子・兄弟・状態・順番

子孫、直接の子、隣接する兄弟、後続の兄弟を同じ文書で比較します。hoverやキーボードフォーカス、first-childとnth-childの数え方も、構造を変えて確認します。

CSS講座 / 基本セレクター：要素・クラス・ID・属性

同じHTMLに対してセレクターの一致条件を比較します。複数クラス、文書内で一意なID、属性値の完全一致と単語一致を、動く例と変更実習で学びます。

CSS講座 / 開発者ツールでCSSを調べる：StylesとComputed

要素を検証し、一致した規則と最終的な値を見分けます。宣言の一時停止、色の変更、元ファイルへの保存と、よくある三種類の適用失敗を実習します。

CSS講座 / CSSの基本文法：セレクター・宣言・コメント・エラー

波括弧、コロン、セミコロンを使った規則の読み方を学びます。宣言だけが無効になる例とセレクター全体が無効になる例を比較し、完全なHTMLで修正結果を確認します。

CSS講座 / CSSの適用方法：インライン・内部・外部スタイルシート

CSSを書く三つの場所と、複数ページで共通ファイルを使う方法を比較します。フォルダー構成に合わせた相対パス、読み込み失敗、セレクターや優先順位の問題も切り分けます。

CSS講座 / CSSとは何か、HTMLとの役割の違い

HTMLで作った文書に色・文字・余白・配置を指定する仕組みを学びます。一つのHTMLファイルで小さな庭の案内を作り、値を一つずつ変えて結果を確かめます。