スタイルシートとXHTML

Cascading Style Sheetsの （CSS）をされてHTMLでの開発の世界でに追いつくために遅れている非常に強力なツールです。かどうか（または）CSSのCSSの継続的な進化のように使うかどうかを深く作業進むのXHTMLのようにCSSとしてだけでなく、それを実装するXHTMLの理解を助けることを学ぶの移動に絡み合っている。一度にいくつかのキー構造を、マスターとその語彙を適用することを学ぶ幸いなことには非常に難しいは、CSSではない。ある既存のCSSの実装では、後でこの資料でカバーをいくつかの現実的な問題ですが、将来のXHTMLはおそらく可能な限り、CSSの多くを使用するようにしてください。

注意してくださいカスケードスタイルシート自体が巨大な仕様、資料、または3つの独自の価値がある。この記事を取得では、CSSで始まったが、大々的にCSSにした場合に移動追加情報を見つけることをお勧めします。 W3Cのカスケードスタイルシートの最新情報を入手可能ですhttp://www.w3.org/Style/CSS/。 CSS Level 1はとCSSレベル2の両方を表示していますこの記事は、フォーカスの議論を安定して用紙の仕様が完全に実装されません。 CSSのレベル3の継続的な開発は、XHTMLの風景にいくつかの重要な変化をもたらすには、可能性があるとは絶対に価値があるの。 CSSの作業の現在の一覧については、http://www.w3.org/Style/CSS/current-work参照してください。

分離形式のコンテンツから

CSSは1つのHTMLのドキュメントの構造から書式情報を分離では、W3Cの初期の努力をした。この繰り返しのテーマのHTML 4.0以降のほとんどのW3CのHTMLの活動の中心にある'を起動s、およびCSSは、プロジェクトを実施する上で重要な要素であるされている。ツールの簡単な設定は、HTML自体よりも、プレゼンテーションに影響を及ぼす多くの徹底的なコントロールは、CSSの距離ロムータグはHTML文書で使用される数百万から開発者を誘導することになっていた提供すること。 CSSは、ニンジンです。FONT要素のHTML 4.0'秒（とXHTMLの）推奨。CSSの（たとえFONT要素は使用されます）主な機能の数は、ほぼ効果的にストレートをHTMLで実装することは不可能れるドキュメントの設計者に提供スティックです。また、CSSの再利用性を提供します。書式の説明文書に適用される同一の語彙を、任意のドキュメントに適用することができます。 CSSのも場合は、指定するスタイルシートは、特定の語彙内の特定の状況でアドレスを作成し、ネストした要素の構造や属性の値に基づいて書式設定することができます。現在数のHTML文書を数千人だけ、各ドキュメントには、同じCSSスタイルシートを1行のコードを接続して、同じ書式を使用することができます。これも簡単のため変更は、マスターのスタイルシートにしたすべてのこれらのドキュメントの間で書式を変更するすべての文書でそれを使用する反映されることができます。プレゼンテーションの管理も簡単ですが、すべてがかかっても、検索ではなく、スタイルシートで変更されますと、文書の何千もの間で交換します。

ヒント

CSSの処理モデルCascading Style Sheetsのものとして知られてかかる annotative 文書の書式設定にアプローチするのではなくに1つの文書に変換、別の（ トランスフォーマティブ XSLのアプローチ）、CSSのプロセッサは、構造体のブラウザやその他のツール情報を提示するためには、スタイルシートからの情報を追加します。HTMLと同様に、CSSの中に属性を提供するためのものは、コンテンツの要素の構造内に含まれているディスプレイのためのものであると仮定し、追加直接のテキストフローの一部として表示すべきではない情報です。効果的に、スタイルシートの情報を追加のマークアップとしては、属性と同じように扱われ、主に、すでに文書で、その内容は、情報のプレゼンテーションは変更されます。

ヒントCSS2とCSS3のコンテンツを変更するため、何も複雑な、または、特に強力で、少なくとも、XSLTの変換機能に比べていくつかの簡単なツールを提供します。 CSS3のも、要素にスタイルシートを介してスクリプトを接続するためのツールを提供します。これらの余分なツールにもかかわらず、前述の説明を非常によく、ほとんど現在のCSSの活動を保持します。カスケードスタイルシートは、HTMLやXHTMLとの契約は、理解のブラウザでは、すでにHTMLの語彙のためのプレゼンテーションの意味についてはして構築することができます。 H1要素は通常、H2要素よりも大きいタイプでは、LI要素としてレンダリングされます箇条書きのインデントされた（または、番号のコンテキストに応じて）、のようにリスト項目をレンダリングされます。 HTMLやXHTML、CSSのは罰金を設計者がすでにルールを理解し調整することができます。いくつかの例では、CSSも、デザイナーは完全に、CSSのポジショニングなど、画面またはドキュメントウィンドウ内で特定の場所にコンテンツを配置するトリックを使って、ルールを破ることができます。

ヒントの鮮明な画像については、"非規範的な参照してください（実質）は、付録Aは、CSS2仕様のスタイルシートを非公式には、HTMLの語彙の"プレゼンテーションの意味を理解（http://www.w3.org/TR/REC-CSS2 / sample.html）。また、HTMLのボキャブラリの欠如を明確に理解XMLをブラウザでXHTML文書を表示するこのスタイルシートを使用することができます。それも、耳のプレゼンテーションのルールを含んでいる！ため、ブラウザはすでに、デザイナーとして指定することが多く、あるいはほとんどないの書式情報として彼らのようにどのように現在のHTMLのコードに組み込まれてルールがある。また、その低下が正常に文書やスタイルシートを作成することが可能です。ブラウザは、CSSを理解していないかだけがCSSのボキャブラリは、スタイルシートで使用される部分を理解し、ユーザーには、ドキュメントの基本的なビューを提示する能力があります。これは非常には、古いブラウザで表示する必要がありますHTMLドキュメントの作成（3.xの世代）、またはテキスト上で、Lynxなどのブラウザだけです。CSSスタイルシートのルールリストに組み込まれている場合に便利です。中には、これらのリストにいくつかの階層です（これについては後の記事で）、ルールは一般的に2つの部分に組み込まれているのリストをもっと。最初の部分ですセレクタは、どの要素が指定された規則を識別されます。 2番目の部分のプロパティを構成され、書式設定は、要素の特定のセットを受信する必要がありますについて説明します。一般的な構文は次のようになります：

 セレクタ （propertyName1： propertyValue1; propertyName2： propertyValue2; 等..）

セレクタの使用カスケードスタイルシートが多いの要素から、または分離されても、それらの形式のドキュメントなので、スタイルシートとは、要素を識別する方法がある必要があるの書式設定が必要です。セレクタの抽象化は、簡単に個々の要素の種類にだけでなく、グループのプロパティを適用すると要素の型のサブセットになります柔軟な層を提供します。セレクタは、特定の書式設定を受信し、彼らは簡単にスタイルシートは、文書の設定を越えて働く;は一般的に文書構造を記述していないに作れるように文書の部分を説明しますが、セレクタの様々なコーディングスタイルは、すべての上に構築さ同じ構文です。スタイルシートでは、同じセレクタを使用中に繰り返される宣言を完全に許容され、複数のセレクタが同じ要素をターゲットすることができます。 XMLドキュメントタイプの定義とは異なり、存在しないの要件は、指定されたドキュメントの構造をスタイルシートで記述に準拠しています。場合は、セレクタは、ルールを無視され、指定されたドキュメント内の一致するものがない場合に使用されます。これらの非常に緩やかな規則は洗練されたスタイルシートは、ドキュメントに合わせしっかりと、非常に多様な構造との間で最も単純なセレクタを示すだけで、要素名は、作成を可能にする、その名前のスタイルのプロパティは、中括弧で指定された受信すると、すべての要素：

H1の（フォントファミリー：セリフ）

この例では、すべてのh1要素は、ブラウザのデフォルトのセリフフォントで表示されます- TimesまたはTimes New Romanを、通常、。場合は、H1とH2には、同じプロパティを適用するには、H3の要素をしたい場合は、書き込むことができます：

H1の（フォントファミリー：セリフ）水素（フォントファミリー：セリフ）H3の（フォントファミリー：セリフ）

または、あなたのCSSセレクタの別の機能を活用することができます：カンマでこのサイズを減らすため、この1つの宣言の3つの前の宣言と同じ意味を持ちます：

H1とH2では、H3の（フォントファミリー：セリフ）

場合は、他の要素が含まれている要素の特定の書式を指定するには、CSSセレクタを包含関係を指定することができます。場合は、例の場合は、サンセリフに表示するセリフ書体が順不同のリスト内で使用すると、セリフ書体になっておりますメーリングリスト内で使用される日の要素のコンテンツの場合は、これら2つの宣言を使用することができます：

UL規格日（フォントファミリー：サンセリフ）オール日（フォントファミリー：セリフ）

が存在するため、カンマていない場合、これらのセレクタの封じ込めを表現。 CSSのレベル2では、わずかには、ルールの直接の子だけをするだけの子孫ではなく、適用を指定してフォーカスを強化することができます。の順序やリストの順序は、使用することができます：たとえば、もしあなたが特定の方法でフォーマットのリスト項目をするためのルールを作成する

UL規格"李（ プロパティ ）オール"李（ プロパティ ）

場合は、使用することができます必要に応じて、アスタリスク（*）のいずれか上記の宣言の要素名の代わりにワイルドカードとしてもう1つの共通のアプローチを使用して値をスタイリングのため、特定の要素を選択する属性です。のXHTMLのクラスの要素を具体的にスタイリングは、一般的なHTMLの語彙内の特定の型を指定する文書の作成者を有効に設計されました。あるクラスの情報を使用する2つの方法があります。まず、要素名の情報との組み合わせでクラス情報を使用することができます。

注意単一のブラウザは、現在CSS1とCSS2のセレクタの範囲全体をサポートしますが、サポートして改善している。ただし、古いツールでもすべてのレベル1の処理されない可能性がありますほとんどのレベル1のセレクタは、実装されます。最新情報の実装についての確認を。 ウェブレビュー http://webreview.com/pub/guides/style/css2select.htmlでグラフを保持します。W3CのCSS3のため、さらにセレクタを開発しています。参照してくださいhttp://www.w3.org/TR/CSS3-のセレクタは、最新の開発のためにする前に、我々の生産のブラウザでは、これらの新機能..を参照してもそれは長い間される

記事は、アルバートLichtblau提出

免責事項：弊社のウェブサイトは、この資料の内容については責任を負いません。 Webarticles無料の情報リソースです。
重要： この記事は、"スタイルシートとXHTMLの"自動ソフトウェアによって翻訳された。大変申し訳ございませんが発生した可能性があります任意のスペルミスを感じている。お客様のご理解いただき、ありがとうございます。