私の CSS フレームワーク - base.css (ブラウザのデフォルト スタイルをリセット)

@文字セット "utf-8";
/*
@名前: ベース
@機能: ブラウザのデフォルトスタイルをリセットする
*/
/* ユーザーが Web ページの背景色をカスタマイズできないようにし、ユーザーがフォントをカスタマイズできるようにするメソッドを追加します */
html{
色：黒;
背景：白;
}
/* マージンにより、ブラウザによってスタイルが異なって表示されます */
body、div、dl、dt、dd、ul、ol、li、h1、h2、h3、h4、h5、h6、pre、code、form、fieldset、legend、input、textarea、p、blockquote、th、td、hr、button、article、aside、details、figcaption、figure、footer、header、hgroup、menu、nav、section {
マージン:0;
パディング:0;
}
/* フォーム要素は親フォントを継承しないことに注意してください */
本文、ボタン、入力、選択、テキストエリア {
フォント:12px SimSun、tahoma、arial、sans-serif;
}
入力、選択、テキストエリア {
フォントサイズ:100%;
}
/* 各テーブルセルの余白を削除し、端を重ね合わせます*/
テーブル {
境界線の折りたたみ:折りたたみ;
境界線の間隔:0;
}
/* IE のバグ修正: th は text-align を継承しません*/
番目 {
テキスト配置:継承;
}
/* デフォルトの境界線を削除します */
フィールドセット、画像 {
境界線:なし;
}
/* ie6 7 8(q) のバグがインラインパフォーマンスとして表示されます*/
インラインフレーム{
表示:ブロック;
}
/* Firefox でこの要素の境界線を削除します*/
略語、頭字語 {
境界線:なし;
フォントバリアント:normal;
}
/* 一貫した del スタイル */
デル{
テキスト装飾:取り消し線;
}
住所、キャプション、引用、コード、dfn、em、th、var {
フォントスタイル:通常;
フォントの太さ:500;
}
/* リストの前のマークを削除すると、li がそれを継承します */
オル、ウル {
リストスタイル:なし;
}
/* 配置はタイプセットにおいて最も重要な要素です。すべてを中央揃えにしないでください*/
キャプション、th {
テキスト配置:左;
}
/* Yahoo から、複数のシステム アプリケーションに適応するようにタイトルをカスタマイズします */
h1、h2、h3、h4、h5、h6 {
フォントサイズ:100%;
フォントの太さ:500;
}
q:前、q:後 {
コンテンツ：'';
}
/* 上付き文字と下付き文字を統合する */
サブ、sup {
フォントサイズ:75%;
行の高さ:0;
位置:相対;
垂直位置合わせ:ベースライン;
}
すする {
上:-0.5em;
}
サブ{
下:-0.25em;
}
/* マウスオーバー時にリンクに下線を付ける*/
ホバー{
テキスト装飾:下線;
}
/*ページをシンプルに保つため、デフォルトでは下線は表示されません*/
インス、a {
テキスト装飾:なし;
}
/* IE6 および 7 でフォーカス ドット ラインを削除します*/
a:フォーカス、*:フォーカス {
アウトライン:なし;
}
/* フロートをクリア */
.clearfix:before、.clearfix:after {
コンテンツ："";
表示:テーブル;
}
.clearfix:後{
クリア:両方;
オーバーフロー:非表示;
}
.clearfix {
zoom:1; /* IE6 IE7 の場合 */
}
。クリア{
クリア:両方;
表示:ブロック;
オーバーフロー:非表示;
高さ:0;
行の高さ:0;
フォントサイズ:0;
}
/* 表示と非表示を設定します。通常は JS と組み合わせて使用​​します*/
。隠れる {
表示:なし !重要;
可視性:非表示;
}
。ブロック {
display:block !重要;
}
/* フローティングによるバグを減らすためにインラインを設定します */
.fl {
フロート:左;
表示:インライン;
}
.fr {
フロート:右;
表示:インライン;
}