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透過ゲートウェイを構築する

推薦する

Vue3 の父子値転送に関する簡単な説明

目次父から息子へ: 1. 親コンポーネントのサブコンポーネントタグに、サブコンポーネントに渡されるデ...

Reactドラッグフックを実装するための100行以上のコード

序文ソースコードは合計で 100 行強しかありません。これを読めば、react-dnd などの成熟し...

JavaScript はスローモーションアニメーションのカプセル化と使用法を説明します

プロセス分析の実装(1)繰り返して電話をかけるには?答え: 関数をカプセル化して一度だけ呼び出すコー...

Tomcat maxPostSize設定実装プロセス分析

1. maxPostSize を設定する理由は何ですか? tomcat コンテナには送信データのサイ...

MySQL sql99構文の内部結合と非等価結合の詳細な説明

#事例: 従業員の給与水準を照会する 選択 給与、等級 から 従業員 参加する ジョブグレード g ...

JavaScriptでシンプルなスクロールウィンドウを実装する

この記事では、スクロールウィンドウを実装するためのJavaScriptの具体的なコードを参考までに紹...

Docker実践: Pythonアプリケーションのコンテナ化

1. はじめにコンテナはサンドボックス メカニズムを使用して相互に分離します。コンテナ内にデプロイさ...

経験豊富な人が、プロフェッショナルで標準化されたMySQL起動スクリプトの開発方法を紹介します。

シェル スクリプト言語は、すべてのプログラミング言語の中で最も単純な言語であるため、資格のある Li...

Vue で配列をクリアするいくつかの方法 (要約)

目次1. はじめに2. データを消去するいくつかの方法2.1 ref() の使用2.2 スライスの使...

Linux ファイルディレクトリ管理コマンドの概要

タッチコマンドこれには 2 つの機能があります。1 つは、既存のファイルの時間タグを現在のシステム時...

mysql8.0.23 msi インストールの超詳細なチュートリアル

1.MySqlをダウンロードしてインストールする公式ウェブサイトからMySqlデータベースをダウンロ...

https ウェブサイトを展開し、Nginx でアドレス書き換えを構成するための詳細な手順

Nginx は、高性能な Web サイト サーバーおよびリバース プロキシ サーバーであり、IMAP...

シンプルな HTML ビデオ プレーヤーを実装する方法

この記事では、シンプルな HTML ビデオ プレーヤーを実装する方法を紹介し、皆さんと共有します。詳...

MySQL の結合クエリとサブクエリの問題

目次複数テーブル結合の基本構文クロス結合と直積現象クロスコネクトデカルト積現象内部結合外部結合左外部...

プライベートレジストリ内の画像を照会または取得する方法

Dockerはプライベートレジストリ内のイメージを照会または取得するために、 docker 検索 1...