異なるブラウザ間でページの表示を一致させるためには、フロントエンド開発において 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透過ゲートウェイを構築する
この記事では、セカンダリメニュー効果を実現するためのJavaScriptの具体的なコードを参考までに...
注意: この方法は、Webkit ベースのブラウザにのみ適用されます。ブラウザのスクロールバーが広す...
WeChat ミニプログラム コンポーネント設計仕様コンポーネントベースの開発という考え方は、私の開...
目次1. データの簡単な取得2. データの並べ替えと取得2.1. 基本構文2.2. ソート方向を指定...
目次オブジェクトプロトタイプの値()オブジェクトプロトタイプtoString()シンボル.toPri...
問題の説明:エラーメッセージ:原因: com.mysql.jdbc.PacketTooBigExce...
1. AデータベースとBデータベースの同期ステータスを確認する次のコマンドを入力すると多くの情報が表...
1. Nginx サービス基盤Nginx (エンジン x) は、パフォーマンスの最適化のために特別...
序文:先週の日曜日、先輩から3ページ作るのを手伝って欲しいと頼まれました。データのやり取りなどはなく...
CentOS7 のデフォルトのファイアウォールは iptables ではなく、firewalle で...
フロントエンドの初心者として、私は数日間フロントエンドをいじってみました。 。今日、私は自分が固く信...
Vue ファースト スクリーン パフォーマンス最適化コンポーネントVue ファースト スクリーン パ...
1 問題の説明Vue3 の統合 API は、defineComponent やその他の関数が認識でき...
HTML のインライン要素とブロックレベル要素の違い:標準的なドキュメント フローでは、ブロック ...
この記事では、淘宝虫眼鏡効果を実現するためのJavaScriptの具体的なコードを参考までに紹介しま...