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

推薦する

Linux ネットワーク システムの紹介

目次ネットワーク情報ホスト名を変更するDNSドメイン名解決ネットワーク関連コマンドファイアウォール暗...

JS の querySelector メソッドと getElementById メソッドの違い

目次1. 概要1.1 querySelector() と querySelectorAll() の使...

CocosCreator で物理エンジン ジョイントを使用する方法

目次マウスジョイント マウスジョイント距離ジョイント距離ジョイントモータージョイント直動ジョイント変...

Vue は水の波紋効果のクリックフィードバック指示を実装します

目次水波効果実装を見てみましょう水の波紋のデフォルトスタイルをカスタマイズする水の波紋の位置と直径を...

Vueは指定された日付間のカウントダウンを実装します

この記事では、指定された日付間のカウントダウンを実装するためのVueの具体的なコードを例として紹介し...

Linux学習におけるmkdirコマンドの詳しい説明

目次序文1. ファイルの概念に関する基礎知識2. mkdir コマンド序文最近、Linux にますま...

Centos6にMysql5.7をインストールする方法

環境セントロス6.6 MySQL 5.7インストールシステムがインストールされている場合は、まずアン...

ウェブページのコアコンテンツ(画像とテキスト)の視覚的表現の紹介

情報の最適化と改良は常にデザインの最初のステップです。 「これは百度アライアンスユーザーエクスペリエ...

Firefox ブラウザでバックグラウンド ミュージックを再生するための究極のソリューション (Chrome マルチブラウザ対応)

FirefoxでBGMを再生するための推奨コードがテストに合格しました空のコントロールパネルを開いて...

Ubuntu 18.04 Linux システムに JDK と Mysql をインストールする方法

プラットフォームの展開1. JDKをインストールするステップ1. OracleJDKをダウンロードす...

Linux リモートログイン実装チュートリアル分析

Linux は一般的にサーバーとして使用され、サーバーは一般的にコンピュータルーム内に置かれます。L...

div 要素に終了タグがないため、Web ページを開くことができません

最初は速度の問題だと思ったので、その後、すべての画像リンク リクエストをクロスサイト接続ではなくサイ...

Linux で JDK 環境を構成する方法

1. 公式ウェブサイトにアクセスして、jdk-8u162-linux-x64.tar.gzなどのLi...

vue の v-bind を理解する

目次1. v-bindの主要ソースコードの分析1. v-bind属性はどこに均一に保存されるか: a...

JavaScript継承のさまざまな方法とメリット・デメリットを詳しく解説

目次1. プロトタイプチェーン継承2. コンストラクタの借用(古典的な継承) 3. 組み合わせ継承4...