ウェブページ内の 2 つのボックス モデル (W3C ボックス モデル、IE ボックス モデル)
|
Web ページ ボックス モデルには 2 種類あります。 1: 標準 W3C ボックス モデル。2: IE ボックス モデル (IE ブラウザーのデフォルト モデル)。 2 つの異なるモデルの Web ページでは、同じ CSS プロパティが定義された要素の表示効果が異なります。次の式を使用して、これら 2 つの異なるボックス モデルを区別します。 1: 標準W3Cボックスモデル 幅 = 幅 + (パディング左) + (パディング右) + (マージン左) + (マージン右) + (ボーダー左) + (ボーダー右) 高さ = 高さ + (padding-top) + (padding-bottom) + (margin-top) + (margin-bottom) + (border-top) + (border-bottom)  2: IEボックスモデル 幅 = 幅 + (左境界線) + (右境界線) 高さ = 高さ + (境界線上) + (境界線下)  このモデルはIEブラウザのデフォルトのボックスモデルですが、もちろん変更することもできます。 |
<<: HTML/XHTML における img 画像タグの基本的な使用法の詳細な説明
推薦する
レスポンシブなアコーディオン効果を実現するための CSS3 の詳細な説明
最近、外国人が CSS3 を使用してアコーディオン効果を実現しているビデオを見たので、自分で学習した...
要素（背景画像）の下に水平線アニメーションを実現するための純粋な CSS
効果画像: html: <div class='site_bar'>ホー...
HTML ファイルにファイルの内容を含める方法の概要
フォーラムでは、ネットユーザーから「HTML ファイル内の別の HTML ファイルの内容を読み取るこ...
MySQLテーブルをコピーする方法
目次1.mysqlダンプ実行プロセス:特徴2. CSVファイルをエクスポートする（最も柔軟性が高い）...
分散ロックの原理と3つの実装方法の詳細な説明
現在、ほぼすべての大規模な Web サイトとアプリケーションは分散方式で展開されています。分散シナリ...
オンライン MYSQL 同期エラーのトラブルシューティング方法の概要 (必読)
序文フェイルオーバーが発生した後、よくある問題は同期エラーです。データベースが小さい場合は、ダンプし...
Ubuntu ブート自動起動サービス設定
Ubuntu でサービスを作成し、自動的に起動する方法: 1. [/lib/systemd/syst...
Centos8 でローカル Web サーバーを構築するための実装手順
1 概要システム Centos8 では、httpd を使用してローカル Web サーバーを構築します...
MySql はデータを正常に挿入しますが、[Err] 1055 エラーが報告されます。解決策
1. 質問:最近、挿入操作を行っています。MySQLのバージョンは5.7です。挿入は成功しますが、エ...
Linux mpstat コマンドの使用方法の詳細な説明
1. mpstatコマンド1.1 コマンド形式 mpstat [ -A ] [ -u ] [ -V ...
Elasticsearch を使用する際の一般的な問題の解決策
1. redis で使用すると Netty の起動競合が発生するため、***Application ...
MySQL ファジークエリの使用法 (通常、ワイルドカード、組み込み関数)
目次1. MySQL ワイルドカード ファジー クエリ (%,_) 1-1. ワイルドカードの分類1...
Webデザインチュートリアル（5）：Webビジュアルデザイン
<br />前回の記事：Webデザイン講座（4）：素材と表現について Webデザイン上級...
CSS テキスト装飾 text-decoration と text-emphasis の詳細な説明
CSS では、テキストは私たちが毎日扱う最も一般的なものの 1 つです。テキストの場合、テキストの装...
Dockerコンテナシェルスクリプトの実行ステータスを監視する方法
シナリオ会社のプロジェクトはDockerでデプロイされています。原因不明ですが、コンテナが時々停止し...