スポンサーサイト

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

CSSの id属性と、class属性と、プロパティ

(c) yanmo写真素材 PIXTA
写真素材 PIXTA


CSSの逆引き本を購入し、楽しく読んでます♪
それと同時に、全然理解していなかった部分や、
勝手な解釈をしていた部分が……


▽何でもかんでも「タグ」と言ってましたが...


<a href="http://example.com/">
<a>→ 要素
href→ 属性
「a要素の href属性は...」このような呼び方をするそうです。


▽CSS 間違って使ってたかも... これを機にきちんと使い分けます!


id属性→ 特定の要素を指し示すもの
<div id="menu" ・・・>~</div>
【CSS】 id属性に対して適用させるには #(シャープ)を使う
div #menu{
height: 100px; /*←この部分のことをプロパティと呼ぶ*/
background-image: url(・・・); /*←これもプロパティ*/
}
id属性はひとつのHTML文書の中に、ひとつしか記述できない。
ひとつの要素に、複数のid属性を割り当てることはできない。
<div id="menu1">~</div>
<div id="menu2">~</div>
<div id="menu3">~</div>


class属性→ グループ的なもの
<div class="menu" ・・・>~</div>
【CSS】 class属性に対して適用させるには .(ドット)を使う
div .menu{
background-color: #FFFFFF; /*←この部分のことをプロパティと呼ぶ*/
width: auto; /*←これもプロパティ*/
}
ひとつのHTML文書の中に、複数記述することができる。
ひとつの要素に、複数のclass属性を設定することができる。
<div class="menu">~</div>
<div class="menu">~</div>
<div class="menu">~</div>


以上、覚書でした
▽参考になったページです
≫ .menu{ と #menu{ の違いはなんでしょうか?


Clip to Evernote Twitter つぶやく CSSの id属性と、class属性と、プロパティ をはてなブックマークに追加 ドロップシッピング ブログランキング

check!この記事を見た人は下記も見てます q(^ ^)

FLASHのプラグインをダウンロードしてください 2010-11-22


コメント

Secret

このページのトップへ



このページのトップへ

▼プロフィール


HN:dairy

SEOのみでがんばってます。『アクセス解析の鬼』をめざしてますw

メッセージ
メッセージは
こちらからどうぞ♪


≫ 相互リンク一覧

≫ 相互リンクを申し込む

もしもde願いが叶うなら♪feed
概要購読全文講読

Twitter
Twitterでつぶやいてます


ランキングに
参加しています♪

FC2Blog Ranking

blogram ブログラム

にほんブログ村 小遣いブログ ドロップシッピングへ

にほんブログ村 デザインブログ グラフィックデザインへ

にほんブログ村 主婦日記ブログ 兼業主婦へ

▼記事検索


▼WordPress MU

    WorePress mu の歩き方

▼MTOS

    MTOS の歩き方

▼Joomla

    joomla の歩き方

▼無料会員登録

もしもドロップシッピング 無料会員登録

▼わたしが利用したもの

SEOのみでプラチナ会員に到達しました! 私の必須ソフト、SEOに強い!
AQUAS アクアスの記事へ

クールでかっこいい、Movable Type と WordPress のテンプレート。モバイルサイト同時作成できるから、ズボラな私には嬉しいです♪
クールでかっこいい MT & WordPress テンプレート

2日間でショップがつくれちゃう!! 驚きの WordPress テーマ。コレでショップ大量生産中...
かんたんDSくん+

商品を選んで貼るだけ、3日間で2,295点つくれるDSテンプレート!
ドロップシッピングのための専用ホームページテンプレート ドロップシッピングのための専用ホームページテンプレート

私はこれでオリジナルFlashつくってます!
簡単Flash作成ソフト

無料版をダウンロードできます! 動作確認できて安心です♪ 軽快なウイルス対策ソフト!
ウイルス対策ソフト

SEO強化に!ドメイン取得♪ 独自ドメインだと、サーバーの引っ越しも楽々です。

MySQL30個で大満足です! ドロップシッパー御用達レンタルサーバー、マルチドメイン無制限!

やっぱり使いやすい! 公認講師の方に勧められた格安サーバー。マルチドメイン利用可能な「チカッパ!プラン」利用してます(^ ^)

安さで選びましたw 1か月たったの200円! マルチドメイン・ PHP・CGI・MySQL にも対応♪

会員登録(無料)すると、1日5点無料ダウンロードできます♪
paylessimagespaylessimages

会員登録(無料)すると、1日15点無料ダウンロードできます♪
Fotolia
FotoliaFotolia
Fotolia

私が参考にしている本たちです♪ 〔新刊順〕
≫ dairyの本棚 ≪



特待生の時にちょっとだけトライ。単価1円からのWeb集客広告、Yahoo! スポンサードサーチ!

▼つながり

あわせて読みたいブログパーツ

▼ブログパーツ

》 PING送信 《

▼カウンター

このページの先頭へ

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