Global Style - 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>Global Style - 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. Vereinbarung in HTML-Datei." />
 <meta name="keywords" content="HTML, Cascading Style Sheet" />
 <meta name="author" content="Roland Unger" />

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

  body {
     font-family: Arial, Verdana, Helvetica, sans-serif;
     color: #000;
     font-size: 12pt;
  }

  h1 {
     font-size: 2em;
     font-weight: bold;
     margin: 0.67em 0;
  }

  h2 {
     font-size: 1.5em;
     font-weight: bold;
     margin: 0.83em 0;
  }

  h3 {
     font-size: 1.17em;
     font-weight: bold;
     margin: 1em 0;
  }

  h4 {
     font-weight: bold;
     margin: 1.33em 0;
  }

  h5 {
     font-size: 0.83em;
     font-weight: bold;
     margin: 1.67em 0;
  }

  h6 {
     font-size: 0.67em;
     font-weight: bold;
     margin: 2.33em 0;
  }

  a:link, a:visited {
     color: #0000ff;
  }

  a:active, a:hover {
     color: #00ff00;
  }

  hr {
     clear: both;
     height: 0px;
     border-style: none;
     border-bottom: solid 1px #000;
  }

  .u {
     text-decoration: underline;
  }

  .yellowbg {
     background-color: yellow;
     padding: 0.5em;
     border: medium solid #ff0000;
  }

 -->
 </style>
</head>

<body>

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

<h3>Cascading Style Sheet, Übung: Global Style</h3>

<p>Normaler Absatz</p>

<hr />

<p class="yellowbg">Text auf gelbem Grund.</p>

<hr />

<p class="u">Unterstrichener Text.</p>

<hr />

<p>Absatz mit <a href="http://www.uni-halle.de" target="_top">Link zur Universität Halle</a>.</p>

</body>
</html>