urei blog

個人的に関心のある事柄について、発信していきます。

HTML&CSSを一か月学習する #4

4日目

クラスとidを使った指定

 

ファイルタグにclass属性を追記。

任意のクラス名を記述する。

html

<p class = "kakiku"></p>

 

css

.kakiku {

 color : #0bd;

}

 

一部分のみ変更したい場合に使える。

 

idもクラスと一緒。

書き方

html

<p id = "orange"></p>

 

css

#orange{

 color: #0bd;

}

 

複数指定

<p class = "blue textcenter small"></p> ""で区切り、半角スペース

<div id = "main" class = "center">

 

クラスとidの違い

ページ内で使える回数

・idはページ内で一回のみ

・classは何度でも

 

優先度はidが高い。

 

 

明日は時間が取れそうなので気合を入れて勉強します。