CSS

テストを開始するには [テスト開始] ボタンを押してください。

問題 1.

スタイル 装飾 セレクタ 背景 分離 大きさ 位置 CSS （カスケ―ディング　スタイル　シート）：HTML文書を スタイル 装飾 セレクタ 背景 分離 大きさ 位置 CSS する

ための技術．文字や スタイル 装飾 セレクタ 背景 分離 大きさ 位置 CSS の色，文字や画像の スタイル 装飾 セレクタ 背景 分離 大きさ 位置 CSS および

表示 スタイル 装飾 セレクタ 背景 分離 大きさ 位置 CSS を指定するなどWebページの スタイル 装飾 セレクタ 背景 分離 大きさ 位置 CSS を適用するために

利用される．これにより，文書の構造とスタイルを スタイル 装飾 セレクタ 背景 分離 大きさ 位置 CSS して管理する

ことができる．



CSSを要素に適用するためには， スタイル 装飾 セレクタ 背景 分離 大きさ 位置 CSS と呼ばれる識別子を使う．

問題 2.

#msg /p p . sample ID /div div p#msg id クラス 要素 セレクタ：記述方法，タグ { }　　，記述例，p {color : red}

適用方法，<タグ>〜</タグ>　　，適用例，< #msg /p p . sample ID /div div p#msg id クラス 要素 >〜< #msg /p p . sample ID /div div p#msg id クラス 要素 >



#msg /p p . sample ID /div div p#msg id クラス 要素 セレクタ：記述方法，#ID { } ，記述例， #msg /p p . sample ID /div div p#msg id クラス 要素 {color : red}

適用方法，<タグ id="ID">〜</タグ> ，適用例，< #msg /p p . sample ID /div div p#msg id クラス 要素 id="msg">〜< #msg /p p . sample ID /div div p#msg id クラス 要素 >



記述方法，タグ#ID { }　　　　，記述例， #msg /p p . sample ID /div div p#msg id クラス 要素 {color : red}

適用方法，<タグ id="ID">〜</タグ>　　，適用例，<p #msg /p p . sample ID /div div p#msg id クラス 要素 ="msg">〜</p>



#msg /p p . sample ID /div div p#msg id クラス 要素 セレクタ：記述方法，. クラス名 { }　　　記述例， #msg /p p . sample ID /div div p#msg id クラス 要素 {color : red}

適用方法，<タグ class="sample">〜</タグ>

適用例，<div /div class ="sample">〜< /div class >



記述方法，タグ，クラス名 { }　　　，記述例，p. sample {color : red}

適用方法，<タグ class="sample">〜</タグ>

適用例，<p class="sample">〜</p>

お疲れ様でした。「採点」ボタンを押して採点してください。

結果: