div、div id、div classとスタイルシートの指定;FC2ブログ・プチカスタマイズ   

div、div id、div classとスタイルシートの指定|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・基本のHTMLとスタイルシート | スタイルシートを学ぼう| div、div id、div classとスタイルシートの指定 に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > div、div id、div classとスタイルシートの指定・基本のHTMLとスタイルシート > スタイルシートを学ぼう > div、div id、div classとスタイルシートの指定


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 FC2ブログのHTMLとスタイルシートはそれぞれ別のボックスに記載されている。

 まず、HTMLの記載があって、それを外部スタイルシートとして指定している形。

 で、HTMLの中で多用されているのが『div』という記載。

 それと『div id』、『div class』。

 

 では、『div』、『div id』、『div class』はどう違う?

 

『div』、『div id』、『div class』はどう違う?

 divとは『<div>~</div>の間にあるものはひとまとまりのグループである。』 ということを指示するタグ。 

 たくさんのdivを区別するために名前をつけたものが『div id』、『div class』。

 

・『div id』= 1回しか使えない。(特定の部分の名前) 。

・『div class』= 何回も使える。(分類するときに使う名前)。

*idを使わず、何回でもOKのclassのみを使っていっても問題ない。

 

スタイルシート(CSS)の指定と『div id』、『div class』

・『div id』のスタイルシートの指定は#で行う。

例)<div id="1">~<div>のスタイルシートの指定は、 #1{  …  }で指定する。

 

・『div class』のスタイルシートの指定は、 .で行う。

例)<div class="2">~<div>のスタイルシートの指定は .2{  …  }で指定する。

 

特定の要素に対してスタイルシートを適応させたい場合は?

 [要素の名前]+[id,class名]という形で記述する

例)グループの中の見出しタグh3を指定する場合

・<div id="1">~<div>のh3のスタイルシートを指定する場合のスタイルシートはh3#1{  …  }

 

・<div class="2">~<div>のh3のスタイルシートを指定する場合のスタイルシートはh3.2{  …  }



サイト内の同タグへのリンク: div  divid  divclass  FC2  ブログ  テンプレート  HTML  スタイルシート  CSS 
他のサイトへのタグリンク : div divid divclass FC2 ブログ テンプレート HTML スタイルシート CSS

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[スタイルシートを学ぼう]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/119-c1f420fc
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。