CSS Formatieren

Man kann den Texten bestimmte Eigenschaften zuordnen:

Zunächst wird der stil definiert, z.B. der stil1.

Wird Text eingegeben, dann wird der entsprechende Stil vor dem Text angebeben.

 

<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8″ />
<title>Formatierungen</title>
<style>
body { font-family: Verdana, sans-serif; }
.stil1 { font-style: italic; }
.stil2 { color: red; background-color: yellow; font-size: 1.5em; }
.stil3 { font-weight: bold; text-align: center; }
.stil4 { border: 2px dotted blue; padding: 20px; }
.stil5 { width: 400px; height: 80px; background-color: orange; }
p { background-color: #DDDDDD; }
</style>
</head>
<body>
<p class=“stil1″>Hier steht kursiver Text (font-style: italic)</p>
<p class=“stil2″>Groß (font-size: 1.5em) und bunt (color: red; background-color: yellow)</p>
<p class=“stil3″>Fett (font-weight: bold) und zentriert (text-align: center).</p>
<p class=“stil4″>Ein Absatz mit Rahmen und Innenabstand: border: 2px dotted blue; und padding: 200px</p>
<p class=“stil5″>Ein Absatz mit festgelegter Breite und Höhe (width: 400px; height: 80px; background-color: orange) </p>
</body>
</html>