ホームページ >ウェブフロントエンド >htmlチュートリアル >[オリジナル]CSS+DIVまとめ_html/css_WEB-ITnose

[オリジナル]CSS+DIVまとめ_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:33:36976ブラウズ

HTML は Web の急速な発展において重要な役割を果たし、重要な位置を占めています。 HTML の本来の目的は、タグ (

) の内容情報を表現することでした。同時に、ドキュメントのレイアウトは、フォーマット タグを使用せずにブラウザによって完成されます。 IE は徐々に新しい HTML タグと属性を HTML 仕様に追加し続けており、ドキュメント コンテンツがドキュメント プレゼンテーション層から明確に独立しているサイトを作成することがますます困難になってきています。そこで、この問題を解決するために、HTML 以外のスタイル、つまり CSS カスケード スタイル シートが作成されました。

私は CSS+DIV を 1 週間勉強しました。要約は次のとおりです:


このビデオでは主に Web ページのレイアウトに CSS+DIV を使用する方法について説明します。前半はいくつかの基本的な CSS スタイル、後半はいくつかの例を使用して CSS+DIV のレイアウトを理解できます。各ブロックを div として記述し、CSS を使用してそのスタイルを制御し、実際の操作に重点を置いてレイアウト効果を美しくします。


このビデオには主に CSS の基本的な構文と概念、つまりテキスト、画像、背景、テーブル、メニュー、その他の Web 要素の設定方法、および CSS フィルターの使用方法が含まれています。 CSS と JavaScript、CSS と XML、CSS と Ajax の包括的な応用など、拡張された知識もあります。この後、いくつかの大きな例を紹介します。これらを通じて、CSS+DIV レイアウトを深く理解できます。コンテンツの一部を DIV に配置し、そのタグの ID とクラス スタイルを CSS で設定します。 HTML コードと CSS コードを分離してください。次に、HTML に CSS を導入する方法には、インライン スタイル、埋め込みスタイル、外部スタイル シートへのリンク、内部スタイルのインポートなどがあります。


概要: CSS+DIV の学習は理解と操作に重点を置きます。まだまだ練習が必要です。どの言語であっても、長所と短所があります。

Div+CSS の利点:

1. ページの読み込み時間を短縮します

ページのサイズが小さくなり、閲覧速度が速くなります。

2. 変更が簡単

HTML ページと CSS コードが分離され、Web ページのコンテンツとプレゼンテーションが分離されます。デザインを変更する場合、スタイルを変更するだけでよく、ページ上の他のスタイルのレイアウトは壊されません。この機能は表では使用できません。

3. 視覚的な一貫性、強力なフォント、組版機能を維持します

異なる領域やページでの効果の逸脱を避けるために、すべてのスタイルを CSS ファイルに配置します。

4. 検索エンジン クローラーにとって有益です。一般的に、同じページの HTML ファイルのテーブル レイアウトのバイト数は DIV+CSS レイアウトのバイト数よりも大きいため、検索エンジン クローラーのクロール時間を節約できます。ページのコンテンツをダウンロードします。

欠点:

1. 高度な開発技術: さまざまなブラウザーとブラウザーのバージョンとの互換性が必要です。

2. 長い開発時間: テーブルの配置よりもはるかに複雑で、問題が発生しやすいです。

3. 開発コストが比較的高い: 高度な技術と長い時間がかかるため、コストが高くなります。

元の引用リンク

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。