css一覧

NO IMAGE

センタリング(中央揃え)のまとめ

テキストや要素をセンタリングするのにちょっくら迷ったのでこの機会にまとめておくことに。 text-align:centerを使う 最もカンタンと思われる方法。 但し、インライン要素にしか効かない。 なんで効かないんだろうと思ったらd...

NO IMAGE

:first-child の使い方を勘違いした

:first-child擬似クラスは、IE7から対応しているためよく使われる擬似クラスですよね、何度も使っていたにもかかわらず勘違いしたので戒めとして書き記しておきます。 :first-child擬似クラスは、親要素の一番最初の直下の...

NO IMAGE

background-size の使い方&サンプル

レスポンシブデザインが増えるにつれ使用頻度の多くなったbackground-size。 背景画像をレスポンシブ対応するときに活躍します。 今までぼんやりとした知識しかなかったので、ここらで勉強し直します。 元の画像 ...