class属性とid属性の違い

公開日: : 最終更新日:2016/12/11 プログラムのメモ ,

たまにCSSを打つと忘れていることがあるのでメモ
class属性とid属性の違い



SPONSORED LINK



class-id

id属性

1ページに1度しか使えない。

表記方法

HTML
<div id="header"> </d>

CSS
div#header {}
もしくは
#header {}

class属性

1ページで何度でも使える。

表記方法

HTML
<div class="footer"> </d>

CSS
div.footer {}
もしくは
.footer {}

使い分け方法は?

サイトが大規模になってくると
視認性を上げるためにも分けた方が良い。
修正等がしやすいなど

■参考サイト
スタイルシートの class と id の使い分け [ホームページ作成] All About

Sponsored Link
◆RECOMMEND◆

関連記事

認証サイトではGoogleDocumentViewer使えなかったので対策

認証のあるPHPサイトでjpgとPDFを表示できるようにしたかっただけなんですが 見るのは家族だけ

記事を読む

【エクセル】URLのファイル名だけ取り出す数式

エクセルでURLからファイル名だけを残す数式です。 例)http://www.example.co

記事を読む

[UWSC]OfficeのOCR機能を使う

こちらのUWSCサンプルを実行してみました。がエラーが出たのでメモ UWSCサンプル - OCRの

記事を読む

MySQL命令文(読み出し)

MySQLのデータ読み出し命令文のメモ。 データベースの読み出し 例) SEL

記事を読む

[WP]WP to TwitterでTwitterに投稿できなかった時やったこと

原因不明のWPtoTwitterの401エラーが続いていたので Twitterデベロッパー

記事を読む

[UWSC]スクリーンショットをメールで送信

UWSC作業完了後の確認として完了後のPC画面をスクリーンキャプチャをしCDOを使いGmailでスマ

記事を読む

フォームのクロスサイトスクリプティング(XSS)を防ぐ【PHP】

フォームにHTMLタグやJavaScriptを放り込まれて困ることがあるそうで エスケープ方法を調

記事を読む

暗号通貨を買うとき時の注意

ついに暗号通貨を買った!という方が周りでも増えてきて 暗号通貨または

VPNが利用できる暗号通貨MysteriumNetwork

MysteriumNetwork($MYST)という暗号通貨のICOに

ビットコインを買ってみて変わったこと

2017年4月より暗号通貨が目立つほどに値上がりをはじめネットをざわめ

windows10のプログラムの関連付けを解除する

前回はプログラムの変更でしたが今回は関連付けの解除です。

Huluで下町ロケット観れるようになってた

[/caption] 見逃しまくってまぁいいかとなっていた下町ロ

→もっと見る

  • 管理人
    サイト名:ぽけっとろぐ

    カバンやポケットでひっそり活躍してくれるガジェットが好き。
    写真は猫カフェで撮影
    RSS / Twitter / Facebook
PAGE TOP ↑