日別アーカイブ: 2021年8月3日

CSS学習のまとめ2(セレクター)

セレクターとは?

セレクター(どこの) {

プロパティ(なにを): 値 (どうする); }

下線の部分でセレクターには3種類ある

1:エレメント(要素)セレクター: h1~h6,p,li,ul,ol,など

2:IDセレクター

HTMLの記述(テンプレートの部分は省略)

<p id="hello">こんにちは</p>

CSSの記述

#hello { 
 color:# blue; 
}

※HTMLではid=””で指定し、CSSは#をつける.ページ内で一意の名前をつけられ、そこにCSSを当てる

3:クラスセレクター

HTMLの記述(テンプレートの部分は省略)

<p class="hello">こんにちは</p>

CSSの記述

.hello {
  color:# blue;
}

※HTMLではclass=””で指定し、CSSは.をつける

続きを読む