異なるブラウザ間でページの表示を一致させるためには、フロントエンド開発において 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透過ゲートウェイを構築する
目次ネットワーク情報ホスト名を変更するDNSドメイン名解決ネットワーク関連コマンドファイアウォール暗...
目次1. 概要1.1 querySelector() と querySelectorAll() の使...
目次マウスジョイント マウスジョイント距離ジョイント距離ジョイントモータージョイント直動ジョイント変...
目次水波効果実装を見てみましょう水の波紋のデフォルトスタイルをカスタマイズする水の波紋の位置と直径を...
この記事では、指定された日付間のカウントダウンを実装するためのVueの具体的なコードを例として紹介し...
目次序文1. ファイルの概念に関する基礎知識2. mkdir コマンド序文最近、Linux にますま...
環境セントロス6.6 MySQL 5.7インストールシステムがインストールされている場合は、まずアン...
情報の最適化と改良は常にデザインの最初のステップです。 「これは百度アライアンスユーザーエクスペリエ...
FirefoxでBGMを再生するための推奨コードがテストに合格しました空のコントロールパネルを開いて...
プラットフォームの展開1. JDKをインストールするステップ1. OracleJDKをダウンロードす...
Linux は一般的にサーバーとして使用され、サーバーは一般的にコンピュータルーム内に置かれます。L...
最初は速度の問題だと思ったので、その後、すべての画像リンク リクエストをクロスサイト接続ではなくサイ...
1. 公式ウェブサイトにアクセスして、jdk-8u162-linux-x64.tar.gzなどのLi...
目次1. v-bindの主要ソースコードの分析1. v-bind属性はどこに均一に保存されるか: a...
目次1. プロトタイプチェーン継承2. コンストラクタの借用(古典的な継承) 3. 組み合わせ継承4...