マークアップ言語 - 印刷スタイルシート

123WORDPRESS.COM HTML チュートリアルセクションに戻るには、ここをクリックしてください。 CSS チュートリアルを表示するには、ここをクリックしてください。
前:マークアップ言語 - Web ページに CSS スタイルを適用する。第 11 章印刷スタイル以前の第 10 章では、ドキュメントに CSS を適用するいくつかの方法について説明しました。この章では、印刷スタイルについて説明し、印刷ページ専用の CSS ルールを指定します。いくつかの CSS ルールを使用するだけで、構造化マークアップが画面上と同じように紙上でも美しく表示されるようになります。
まず、メディアタイプと、それがデバイス固有の CSS の提供にどのように関係するかを見てみましょう。印刷用のスタイルはどのように指定するのでしょうか。
この質問に答える前に、CSS のメディアタイプを指定でき、メディアタイプを宣言すると特定のメディアに対してスタイルが機能するようになるという概念を理解しておく必要があります。
たとえば、リンクをコンピューター画面専用にスタイル設定する場合は、次のように <link> タグに media 属性を追加します。

<link rel="スタイルシート" type="text/css" media="screen" href="screenstyles.css" />

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :
この章では、すべて、印刷、画面のメディアタイプに焦点を当てます。

前のページ1 2 3 4 5 次のページ続きを読む

<<: vue+drf+サードパーティのスライディング検証コードアクセスの実装

>>: MySQLテクノロジーにおけるInnoDBロックの詳細な説明