日別アーカイブ: 2008 年 6 月 5 日

cssの書式 適用先の指定方法

現在のホームページ制作では欠かす事の出来ないCSSの基本ルール

●要素名を直接

●id を指定

●class を指定

cssの書式に付いて

適用先 { ~表示方法を指定する~}

適用先=セレクタ

基本は要素名をそのままセレクタとして指定する

・body要素を適用対象とする場合 body { ~ }

・p要素を適用対象とする場合 p { ~ }

・適用先を複数指定する場合 body,h1,h2,p { ~ }

・全ての要素を指定する場合 * { ~ }

idセレクタで指定する

・id=”header”で指定したdiv要素だけを適用対象にする div#header { ~ }

・要素の種類を限定しない場合 #header { ~ } 通常はこの方法が一般的

・ちなみに div[id=”header”] { ~ } でも指定可能

classセレクタで指定する

・class=”menu”で指定したdiv要素だけを適用対象にする div.menu { ~ }

・要素の種類を限定しない場合 .menu { ~ } 通常はこの方法が一般的

・ちなみに div[class=”menu”] { ~ } でも指定可能