@media-Angabe: Unterschiedliche Formatvorlagen - Quelltext - Cascading Style Sheets

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>@media-Angabe: Unterschiedliche Formatvorlagen - Cascading Style Sheets - Workshop Internet-Pr&auml;senz</title>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="Content-Language" content="DE" />
 <meta http-equiv="Content-Style-Type" content="text/css" />

 <meta name="description" content="&Uuml;bung Cascading Style Sheet. @media-Angabe: Unterschiedliche Formatvorlagen f&uuml;r Druck und Bildschirmausgabe." />
 <meta name="keywords" content="HTML, Cascading Style Sheet, Bildschirm, Ausdruck" />
 <meta name="author" content="Dr. Roland Unger" />

 <style type="text/css">
 <!--

  body {
     background: #fbfbeb;
     font-family: Arial, Verdana, Helvetica, sans-serif;
     color: #0000ff;
     font-size: 12pt;
  }

  p {
     color: #0000ff;
  }

  h1, h2, h3, h4, h5, h6 {
     color: #ff0000;
  }

  @media print {
   html, body {
     background: #ffffff;
   }

   h1, h2, h3, h4, h5, h6 {
     page-break-after: avoid;
     page-break-inside: avoid;
     color: #000;
   }

   p {
     color: #000;
   }

   blockquote, pre {
     page-break-inside: avoid;
   }

   ul, ol, dl {
     page-break-before: avoid;
   }
  }

 -->
 </style>
</head>

<body>

<h2>Workshop Internet-Präsenz</h2>

<h3>Cascading Style Sheet: Unterschiedliche Formatvorlagen
für Druck und Bildschirmausgabe</h3>

<p>Auf dem Bildschirm erscheinen die Überschriften in rot und die
Absätze in blauer Farbe. Der Ausdruck erfolgt in schwarz auf
weißem Untergrund.</p>

</body>
</html>