ホームページ  >  記事  >  ウェブフロントエンド  >  print_html/css_WEB-ITnose コンテンツの CSS スタイル プロパティを設定する方法

print_html/css_WEB-ITnose コンテンツの CSS スタイル プロパティを設定する方法

WBOY
WBOYオリジナル
2016-06-24 11:30:581098ブラウズ

印刷するコンテンツの CSS スタイル属性を設定する方法:
印刷したいコンテンツも美しくする必要がある場合があり、あまりにも独創的になりたくないので、スタイルを設定する必要がありますこの章では、CSS を使用して印刷するコンテンツのスタイルを設定する方法を簡単に紹介します。 1 つずつ簡単に説明します。
1. リンクを使用して外部スタイル シートを導入します。

<link rel="stylesheet" href="css/style.css" media="screen" />

上記のコードの CSS スタイルは画面表示効果用であり、印刷には無効です。鍵はメディア属性値にあります。

<link rel="stylesheet" href="css/style.css" media="print" />

上記のコードのスタイル コードは、コンテンツを印刷するために使用できます。
2. スタイルシートのインポート:

<style type="text/css">@import url("css/printstylesheet.css") print;</style>

上記のコードで導入されたスタイルは、印刷スタイルに使用できます。
3. 同じファイルでの画面表示と印刷:

@media print{h1{color:black;}h2{color: gray;}}div{color:red}

元のアドレス: http://www.softwhy.com/forum.php?mod=viewthread&tid=11495

その他のコンテンツを参照: http://www.softwhy.com/divcss/

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