CSSについてのメモ
CSSについて覚えることが多いので、ここでメモしておきたいと思います。
1. セレクタの指定ついて
* :すべてのセレクタ a, b :二つのセレクタを一気に選択する a b :aの階層の下にある全てのbの要素 a > b :aの階層の直下にある全てのbの要素 a + b :aと同じ階層の直後にあるb ab :aでありかつbであるものを指定
2. border-styleスタイルについて
solid:実線 dashed:破線 dotted:点線 double:二重線 inset、outset:立体的に見せられる線
また、書き方としては
border-color
border-width
border-style
の三つを別々に書いてもいいですが、borderでは一行で書くこともできます。
border: 「color」 「width」 「style」
という感じの書き方です。
3. paddingとmarginについて
paddingとは、内文とborderの間の余白のことです。
marginとは、border外の余白のことです。(書き方は基本paddingと同じ)
基本の書き方
padding(margin): 「上の余白の値」 「右の余白の値」 「下の余白の値」 「左の余白の値」
しかし必ず四つの値を全て指定しなければならないわけでもありません。値が
1つの場合:上下左右全て同じ値にする
2つの場合:「上下」 & 「左右」
3つの場合:「上」 & 「左右」 & 「下」
4つの場合:上から時計回り順にすること
になります。
4. 擬似クラスについて リンク・元素に対するオプション
link:未訪問時のオプション visited:訪問したことがあるリンクのオプション hover:マウスが乗っかったときにオプション(リンク以外の要素でもOK) active:リンクを押してから離すときのオプション
CSSの部分でメモしておきたい部分は以上です。次はCSS3について書きたいと思います。