div+cssとは何ですか

div はフレーム、css はフレームを装飾するために使用されるスタイルです。より具体的に言うと、div は Web ページ全体のレイアウトに使用され、css は div のスタイルを制御します。 divを表示したい場合は、CSSを使用して実現できます。 div css は Web ページのレイアウト方法であり、CSS を通じて div のレイアウトを制御することを指します。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

div はフレーム、css はフレームを装飾するために使用されるスタイルです。 JS がそれらを動かします。さらに詳しく言うと、div は Web ページ全体のレイアウトを担当し、css は div のスタイルを制御します。css を使用すると、div を任意の場所に、どのように表示するかできます。簡単に言うと、 Web ページのレイアウトは家を建てるようなものです。div は家の装飾を担当し、それをカバーし、CSS はそれをカバーする方法を伝える責任があります。

DIV CSS は WEB デザインの標準で、CSS を通じて div のレイアウトを制御する Web ページのレイアウト方法です。実はここでいう div は一般的な用語として理解することができ、実際のアプリケーションでは div だけでなく、p、span、img、table などあらゆるノードの配置を css を通じて制御することができます。

の代わりに div css を使用する理由

昔、Web エンジニアはページのレイアウトにテーブルを使用していました (現在では、Google のテーブル レイアウト アプリケーションも見つけることができます) picasa やその他のアプリケーション) (例)、現在、ページ レイアウトには div css メソッドが主に推奨されています。

WEB フロントエンド開発では、HTML、CSS、JS の 3 つのトロイカがそれぞれ構造、表示、インタラクションを表します。 Web 1.0 の時代では、ページのロジックはそれほど複雑ではなく、ユーザー エクスペリエンスに対する要件もそれほど高くありません。テーブルは、構造から表示部分にわたるレイアウト要素として多くの開発者によって使用されており、とても「重い」。

しかし現在、Web フロントエンド ロジックはますます複雑になり、ユーザー エクスペリエンスの要件はますます高くなっているため、これら 3 つを切り離すことが必要です。 table タグの言語はレイアウトにはまったく使用されず、データの送信に使用されるため、現時点ではレイアウトに table を使用することは適切ではありません。また、div css はデカップリングの考え方に沿っており、div はレイアウトの制御に使用され、css はスタイルの制御に使用されます。小さな観点から見ると、ページ全体のコード構成がより合理的で結合度が低くなるという利点がありますが、大きな観点から見ると、より深い分業とフロントの複雑な連携が促進されます。開発を終了します。

簡単な比較:

1. div css は table よりも柔軟性が高く、テーブル レイアウトを使用するとコードが肥大化します。

2. 意味の問題。意味的に言えば、table はレイアウト ツールではなく、表形式のデータのコンテナーである必要があります。

3. スタイルのレンダリングの問題。テーブル レイアウトは、スタイルをレンダリングする前に、すべてのコンテンツが読み込まれるまで待機する必要があります。ユーザーのインターネット速度が遅い場合、ユーザー エクスペリエンスは非常に低下します。

プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 ！

以上がdiv+cssとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。