[PR] 容量300MB、月額125円、高性能なサーバが日本最大級のバックボーンに直結。さくらのレンタルサーバ

すぐに役立つCSS実践テクニック・TIPS集

デフォルトの設定を消そう ~全称セレクタで余白とマージンを0に~

 「全称セレクタ(ユニバーサルセレクタ)」を使うと全ての要素にスタイルシートを適用できます。これを使えばデフォルトの設定を予め消しておくことができます。 「全称セレクタ」はアスタリスク(米印)で表されます。

 全称セレクタは優先度が最も低いので、後で設定した個別の要素のスタイルシートで上書きされます。 

 範囲を限定して全称セレクタを使うことも可能です。以下の例では、ID名「sidebar01」を設定した<DIV>タグ内に限定するケースです。

使い回しが効く便利なデフォルト設定サンプル

 全称セレクタで実際に初期設定として用いられることが多い代表的なプロパティをご紹介します。「#####」部分には状況に応じて具体的な数値が入ります。リンク要素の擬似クラスを色々変えることが多い方は、背景色プロパティの値を「透明」にしておくと便利です。

* {
margin: 0;
padding: 0;
border: 0;
font-size: #####;
color: #####;
font-weight: normal;
font-family: #####;
font-style: normal;
line-height: #####;
background-color: transparent;
}

サイトトップページへ戻る