くろひょうのwebデザインのお勉強帳

フェリカテクニカルアカデミー web制作科の受講生です。授業の要点、復習でつまづいた点などを記録し、レベルアップに励みます。

クリエイターになるための、お勉強の記録帳

[CSS]記述時の注意点(3月17日)

間違いやすいポイントのおさらい

    HTML                                   CSS

<p id="content">〜</p>  → p#content    

<p class="content">〜</p>  → p.content    

p_#content、p_.contentのように半角空けない!

 

id名は1ページに1つしか使わないので、単に#contentでもいいのでは?

→ ダメ。
       p要素の中のid名なので、p要素も記述しなければならない

 

書き方の変化

<div id="content"> ・・・ div#content    divが多くなる為省略するようになった

 

※現場では<p id="content" class=""> のように、idとclass両方つくこともある
<p class="" class=""> とclassが2つつくこともある