あきこ@ゆっくりパソコンです。
ホームページお助け講座![キラキラ](https://emoji.ameba.jp/img/user/s0/s0111012/6913.gif)
classとID
◆◆◆◆参考◆◆◆◆
・教えて~■[HTMLタグ]<div>
<div>では
ブロックごとにいろんな決めごとをしたいので、その指定の仕方です。
とりあえず、文字を赤くしてみます。
<style type="text/css">
div { color: red; }
</style>
<div> ここは赤い </div>
![これ↓](https://emoji.ameba.jp/img/user/so/soukou/3174.gif)
これだとdivの種類は1種類だけしか指定できないのでグループに名まえ(Class)をつけたいと思います。
<style type="text/css">
div.red{ color: red; }
div.green{ color: green; }
</style>
<div class="red"> ここは赤い </div>
<div class="green"> ここは緑 </div>
<div>
![これ↓](https://emoji.ameba.jp/img/user/so/soukou/3174.gif)
これだけ特別にしたい!
というものに特別な名前(ID)をつけます。
IDは1ページに1回しか使えないのできをつけてね。
<style type="text/css">
div#tokubet{ color: purple; }
</style>
<div id="tokubetu"> ここは特別<div>
![これ↓](https://emoji.ameba.jp/img/user/so/soukou/3174.gif)
お試しください~~![かお](https://emoji.ameba.jp/img/user/py/pyony/115.gif)
ホームページお助け講座
![キラキラ](https://emoji.ameba.jp/img/user/s0/s0111012/6913.gif)
classとID
◆◆◆◆参考◆◆◆◆
・教えて~■[HTMLタグ]<div>
<div>では
ブロックごとにいろんな決めごとをしたいので、その指定の仕方です。
![1](https://emoji.ameba.jp/img/user/ja/jalincochie/18043.gif)
<style type="text/css">
div { color: red; }
</style>
<div> ここは赤い </div>
![これ↓](https://emoji.ameba.jp/img/user/so/soukou/3174.gif)
ここは赤い
![2](https://emoji.ameba.jp/img/user/ja/jalincochie/18042.gif)
<style type="text/css">
div.red{ color: red; }
div.green{ color: green; }
</style>
<div class="red"> ここは赤い </div>
<div class="green"> ここは緑 </div>
<div>
![これ↓](https://emoji.ameba.jp/img/user/so/soukou/3174.gif)
ここは赤い
ここは緑
![3](https://emoji.ameba.jp/img/user/ja/jalincochie/18044.gif)
というものに特別な名前(ID)をつけます。
IDは1ページに1回しか使えないのできをつけてね。
<style type="text/css">
div#tokubet{ color: purple; }
</style>
<div id="tokubetu"> ここは特別<div>
![これ↓](https://emoji.ameba.jp/img/user/so/soukou/3174.gif)
ここは特別
お試しください~~
![かお](https://emoji.ameba.jp/img/user/py/pyony/115.gif)