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

推薦する

Centos7 での Mysql5.7.19 の詳細なインストールチュートリアル

1. ダウンロード公式サイトからmysql-5.7.19-linux-glibc2.12-x86_6...

Swiper.jsプラグインを使用すると、カルーセル画像を非常に簡単に実装できます。

Swiper は、携帯電話やタブレットなどのモバイル端末向けに設計された、純粋な JavaScri...

WeChatアプレットで計算機機能を実装する

この記事は、WeChat アプレットを使用して作成された簡単な計算機です。興味のある方はご覧ください...

Linux mysql5.5 を mysql5.7 にアップグレードする手順と落とし穴

目次Linux MySQL 5.5 が MySQL 5.7 にアップグレードされました1. mysq...

MySQL のタイムスタンプと日付時刻のタイムゾーンの問題によって生じる DTS の落とし穴の詳細な説明

目次MySQL で現在の時刻を表現するにはどうすればよいでしょうか?結論は確認するピットMySQL ...

MySQLクエリ文の実行プロセスの詳細な説明

目次1. クライアントとサーバー間の通信方法2. クエリキャッシュ3. クエリ最適化処理4. クエリ...

Vue の動的コンポーネントと非同期コンポーネントの詳細な理解

1. 動的コンポーネント <!DOCTYPE html> <html> &l...

シェアしたい絶妙なApple風無料アイコン素材18セット

Apple マグカップのアイコンと追加機能 HD ストレージボックス – アドオンパックセイバースノ...

JavaScript プロトタイプとプロトタイプチェーンの詳細

目次1. プロトタイプ(明示的なプロトタイプ) 2. __proto__ (暗黙のプロトタイプ) 3...

Navicat による MySQL パーティショニングの実践

MySQLのパーティショニングは、非常に大きなテーブルを管理するのに役立ちます。MySQLのパーティ...

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

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

CSSテキストシャドウの徐々にぼやける効果の実装

テキストシャドウテキストに影を追加します。テキストとテキスト装飾に複数のシャドウを追加することができ...

Vueプロジェクトウォッチで関数が繰り返しトリガーされる問題の解決

目次問題の説明:解決策1解決策2問題の説明:ページ A と B の 2 つがあり、各ページにはget...

Nginx リバース プロキシを使用してクロスドメイン問題を解決する方法の詳細な説明

質問前回のクロスドメイン リソース共有に関する記事では、ドメイン間で Cookie を送信する場合、...