CSS 基礎

CSS3を勉強する前にCSSの基礎。

書式とさまざまなセレクタ

◆基本書式

属性（プロパティ）
↓
h1 { color : #ff0000;}
↑　　　　　　　　↑
セレクタ　　　　値

◆セレクタ指定方法

-- 要素セレクタ --
 　　h1 {・・・}                h1要素

-- 子孫セレクタ --
 　  div img {・・・}          div要素の下の階層のimg要素

-- 属性セレクタ --
     p[id] {・・・}             id属性が指定されているp要素

     p[id="test"] {・・・}   id属性が"test"であるp要素

     p.class_test {・・・}    class属性が"class_test"であるp要素

-- idセレクタ --
     #id_test {・・・}         id属性がid_testである要素

-- クラスセレクタ --
     .class_test {・・・}      class属性がclass_testである要素

そのほか疑似クラスを使用する方法がある。

hover疑似クラス  div:hover {・・・}    div要素にマウスカーソルが置かれているときのプロパティ

などなど。