CSS+DIV Web ページのスタイルとレイアウトに精通している CSS_html/css_WEB-ITnose

CSS は英語ではカスケード スタイル シート、中国語ではカスケード スタイル シートと呼ばれ、Web コンテンツからスタイル情報を分離するために使用されるマークアップ言語です。ページレイアウト方法。従来のテーブルレイアウトによる配置方法とは異なり、Webページのコンテンツとプレゼンテーションの分離を実現できます。 DIV+CSS の組み合わせに関しては、XHTML から始める必要があります。 XHTML は、HTML (標準ユニバーサル マークアップ言語のサブセット) に基づいて最適化および改良された新しい言語であり、XML アプリケーションと強力なデータ変換機能に基づいて、将来のネットワーク アプリケーションのより多くのニーズに適応することを目的としています。 「DIV+CSS」という名前は実際には間違っており、標準の名前は XHTML+CSS である必要があります。 DIV と Table はどちらも XHTML または HTML 言語のマークであり、CSS は単なる表現形式だからです。

次に、エディターは、最も基本的な CSS.DIV Web ページのスタイルとレイアウトから始めて、ゆっくりと紹介し、少しずつ深く掘り下げてから、例を使用してゆっくりと分析して、すべての人に役立つことを願っています。通常、CSSを学ぶときは、他のWebサイトを参考にしてCSSを書くように努めるべきです。たとえば、Baidu や Google など、他の Web サイトの CSS コードを学習すると、ページ デザインの異なる感覚をすぐに得ることができ、簡単に始めることができます。私たちはこれを「巨人の肩の上に立つ」と呼んでいます。今日は、エディターが CSS の基本概念と CSS の基本構文を簡単に紹介します。まず、図を見てみましょう。図のコンテキストによって、CSS の基本的な知識が徐々に減っていきます。

CSS の初期探索

コンセプト: CSS (Cascading Style Sheet) は、中国語にカスケード スタイル シートとして翻訳され、Web ページのスタイルを制御し、Web ページのコンテンツからスタイル情報を分離するために使用されるマークアップ言語です。 。

CSS を使用してページを制御する: CSS を使用してページを制御するには、インライン スタイル、インライン スタイル、リンク スタイル、インポートされたスタイルの 4 つの方法があります。少し大きな Web ページの場合は、HTML と CSS を分離することで後のメンテナンスが容易になり、明確であるため、リンク スタイルを使用します。

基本構文

CSS セレクター、つまり CSS スタイルを制御するために選択する HTML オブジェクトには、タグ セレクター、カテゴリ セレクター、ID セレクターの 3 つのタイプがあります。次に、エディターがこれら 3 つのセレクターについて説明します。詳細に。 マークセレクター:

コード例とその表示効果を見てみましょう:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Untitled Document</title><style type="text/css">h1{color:#0000FF;font-size:40px;}</style><h1 id="CSS">CSS</h1>