CSS スタイルのリセットとクリア (異なるブラウザで同じ効果を表示するため)

CSS スタイルのリセットとクリア (異なるブラウザで同じ効果を表示するため)
異なるブラウザ間でページの表示を一致させるためには、フロントエンド開発において CSS スタイルのクリアとリセットが必須です。これまでの経験に基づいて、参考として CSS リセット スタイル コードをまとめました。

コードをコピー
コードは次のとおりです。

@文字セット "utf-8";
本文、h1、h2、h3、h4、h5、h6、hr、p、引用、pre、
dl、dt、dd、ul、ol、li、th、td、div、span、img、
fieldset、lengend、ボタン、入力、選択、テキストエリア{margin: 0;padding: 0;}
/* 色と背景 */
html{色:#000; 背景:#FFF;}
/* フォント */
body、button、input、select、textarea { /* ieの場合 */
フォント: 12px/18px Arial、Verdana、Microsoft YaHei;
}
/* 中心を固定 */
html、本文 {高さ: 100%;マージン: 0 auto;}
/* h1~h6 */
h1 {フォントサイズ: 18px;}
h2 {フォントサイズ: 16px;}
h3 {フォントサイズ: 14px;}
h4、h5、h6 {フォントサイズ: 100%;}
/* */
a { テキスト装飾: なし; }
a:hover { テキスト装飾: 下線; }
/* リスト */
ul,ol {リストスタイル: なし;}
/* 画像の境界線 */
フィールドセット、画像{境界線: 0}
/* テーブル */
テーブル {border-collapse: collapse;border-spacing: 0;font:inherit;}
/* マージン */
.alpha {左マージン: 0;}
.omega {マージン右: 0;}
/* フロートしてクリア */
.left{float:left;}
.right{float:right;}
.clear {clear: both;display: block;}
/* クリアフィックス */
.clearfix:after{content:".";display:block;}
.clearfix{display:inline-table;}
/* IE-mac から隠す */
* html .clearfix{高さ:1%;}
.clearfix{表示:ブロック;}
/* IE-mac からの非表示を終了 */
*+html .clearfix{min-height:1%;}/* IE7 */

<<:  HTML+CSS3+JSで実装されたドロップダウンメニュー

>>:  シャドウソックスを使用してLAN透過ゲートウェイを構築する

推薦する

mysql8.0 パスワードを忘れた場合の修正とネットコマンドのサービス名が無効になる問題

cmdにnet start mysqlと入力すると、プロンプトが表示されます: サービス名が無効です...

MySQLデータ内の多数の改行と復帰に対する解決策

目次問題を見つける1. 改行と復帰を削除する方法2. SELECTクエリで「改行と復帰」を無視する方...

mysql5.7.19 zip 詳細なインストールプロセスと構成

MySQL v5.7.19 正式版(32/64 ビットインストール版および zip 解凍版) 1. ...

JavaScript で H5 ゴールド コイン関数を実装する (サンプル コード)

今日は春節の金貨の赤い封筒のアクティビティを作りました。なかなか良い出来だと思います。皆さんと共有し...

MySQL パスワードに特殊文字が含まれている場合とコマンドラインからログインする場合

サーバーでは、データベースにすばやくログインするために、通常は mysql -hhost -uuse...

ナビゲーションバーコンポーネントをVueでカプセル化する

はじめに:ナビゲーション バーなどのコンポーネント ベースのアイデアを使用して機能モジュールを完全に...

効果的なウェブフォームのための 8 つのルール

ユーザーから情報を収集する場合、Web フォームを使用するより簡単で直接的な方法はありません。適切に...

MySQLでインデックスエラーが発生する状況について簡単に説明します

以下に、トレーニング機関からのヒントと私自身の要約をいくつか示します。以下のインデックスの内容を説明...

Linux C++ マルチスレッド同期の非常に詳細な説明

目次1. ミューテックス1. ミューテックスの初期化2. ミューテックスロックの関連特性と分類3. ...

プレフィックスケースを削除する Nginx リバース プロキシ構成のチュートリアル

nginx をリバース プロキシとして使用する場合、リクエストをそのまま次のサービスに転送するだけで...

入力タイプの制限(複数の方法)

1. 入力・貼り付けできるのは中国語のみ<input onkeyup="value=...

Mysqlのインポートとエクスポート時に発生する問題の解決

背景すべての業務を Docker の運用管理に移行してから、一連の落とし穴に遭遇しましたが、今回は ...

位置固定オフセット問題を解決する方法の詳細な説明

質問CSS 固定配置の position:fixed は非常に使いやすいです。ブラウザのビューポート...

Docker デプロイメント RabbitMQ コンテナ実装プロセス分析

1. イメージをプルするまず、次のコマンドを実行して、イメージをローカル コンピューターにダウンロー...