CSSの小技集

いろいろ知っていると便利な事

ＣＳＳの文字コードを設定する

コメントを含めてstylesheetに非ASCII文字を使用する場合文字コードは明示しましょう。
@charset "iso-2022-jp";
@charset "shift_jis"; /* 注：shift-jis ではありません。 */
@charset "euc-jp";
日本語のプロパティ値を使う場合、誤って解釈されるかもしれません。
コメント中の日本語が原因でその後の指定が無効になってしまうかもしれません。
文字コード宣言場所は必ずファイルの先頭でなくてはいけません。

クラスを複数指定する

ひとつのHTML要素に複数のクラスを指定できます。
<div class="inu neko">

CSSのモジュール化

一つのサイトで共通に使用する部分とHTML文書ごとに異なる部分を分けておくと、共通部分を毎回作成する必要が無くなります。また変更の際も１箇所書き換えるだけで全ての文書のスタイルが変わります。

ＣＳＳを複数読み込む

stylesheetへのlink要素はひとつのHTML文書中に複数使用できます。
<link rel="stylesheet" type="text/css" href="common.css">
<link rel="stylesheet" type="text/css" href="style.css">

ＣＳＳのインクルード

style.cssの中に次の１行を書き加える事でlinkタグは１つだけで済みます。
@import url("common.css");