Typselektoren

HTML

<!doctype html>
<html>
  <head>
    <title>Typselektoren</title>
    <meta charset="UTF-8">
   <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
  <header>Kopfzeile</header>
  <nav>Navigation</nav>
  <main>
  <h1>Typselektoren</h1>
  <p>Ein solcher Typselektor spricht die <abbr>HTML</abbr>-Elemente mit dem Elementnamen direkt an. </p>
  <p class="wichtig">Bei XML-Dokumenten muss auf die Groß- und Kleinschreibung des Selektors und dem anzusprechenden Element geachtet werden.</p>
  </main>
  <footer>Fußzeile</footer>
  </body>
</html>

CSS

/* Schwarzer Rahmen,
   Zentrierter Text,
   5 Pixel Abstand von oben */
header,
nav,
footer { 
  text-align:center;
  border: 1px solid black;
  margin-top: 5px;
}

/* Grauer Text */
h1, abbr { 
	color: gray; 
}

/* Grauer gepunkteter Rahmen */
p { 
	border: 1px dotted gray; 
}