wulin.com HTMLチュートリアル列に戻るには、ここをクリックしてください。 CSSチュートリアルを閲覧したい場合は、ここをクリックしてください。
上：マークアップ言語 - ウェブアプリケーションCSSスタイル。第11章印刷スタイル
以前は、第10章では、文書にCSSを適用するいくつかの方法が議論されました。この章は、印刷スタイルの研究と、ページを印刷するために特別に使用されるCSSルールの指定に関するものです。わずか数のCSSルールを使用すると、紙に構造化されたマークコンテンツを印刷する効果が、画面に表示されるものと同じくらい良いことを確認できます。
まず、メディアタイプとデバイスの提供に関連するCSSとの関係を見てみましょう。印刷時に使用されるスタイルを指定する方法は？
この質問に答える前に、概念に精通している必要があります。つまり、CSSのメディアタイプを指定することができ、メディアタイプを宣言すると、特定のメディアでスタイルが機能するようになります。
たとえば、コンピューター画面専用にリンクのスタイルシートを作成する場合は、次のような<link>タグにメディア属性を追加できます。
<link rel = styleSheet type = text /css media = screen href = screenstyles.css />
以前のコードは、このタグにリンクされているスタイルがコンピューター画面にのみ使用されることを確認できます。たぶん、あなたは尋ねたいです：コンピューター画面に加えて、どのメディアをターゲットにすることができますか？答えは...多くの選択肢があります。メディアタイプ
上記の例で使用した画面に加えて、選択できるメディアタイプはたくさんあります。以下はすべて、CSS2.1標準のW3Cで定義されている認識可能なメディアタイプ（http://www.3c.org/tr/csss21/media.htmlで入手可能）：すべて：点字：エンボス：エンボス：ドットワードワードワード触覚フィードバックデバイスのヘンデルド：bandheld for handheld for handheld for handwst for pript（pript（print（print（））ページネーションコンテンツ、および印刷プレビューモードを使用した画面上のドキュメント表示投影：投影ブリーフィングの投影、たとえば、対空プロジェクターなど、ページネーションコンテンツ（http://www.w3.org/tr/css21/page.html）を参照してください。注：CSS2には、Auralと呼ばれる同様の機能を持つメディアタイプがあります。詳細については、聴覚スタイルシート（http://www.w3.org/tr/css21/aulal.html）の付録を参照してください。 TTY：固定された幅テキストグリッドを使用したメディアに適しています（テレグラフスイッチ、ターミナル、または限られたディスプレイ機能を備えたハンドヘルドデバイスなど）。開発者は、TTYでピクセル長ユニットを使用しないでください。テレビ：TVタイプのデバイスに適しています（解像度が低く、低い色、限られたスクロール機能、および効果音）。
この章では、すべての印刷メディアとスクリーンメディアの種類に焦点を当てます。
前のページ1 2 3 4 5次のページ全文を読む