CSS Tutorial und HTML Beispiele

CSS (Cascading Style Sheets) Basics Tutorial. Dazu Beispiele mit HTML in Verbindung mit CSS.

CSS Tutorial

Einbinden einer CSS-Definition im HEAD eines HTML Dokumentes:

<html>
<head>
<style type="text/css">
<!--
body { background-color:#4D4D4D; border:50px solid #FF0000 }
#schriftblau { color:#0000FF; font-family:Verdana; font-size:12px }
.schriftgelb { color:#FFFF00; font-family:Verdana; font-size:12px }
-->
</style>
</head>
<body>
<span id="schriftblau">
Text mit blauer Schrift...
</span>
<table class="schriftgelb">
<tr>
<td>
Tabelle in der die Texte gelb sind...
</td>
</tr>
</table>
</body>
</html>

HTML-Element direkt Formatieren

<h5 style="background-color:#0000FF">Ueberschrift Farbe Blau</h5>

HTML-Element durch eine "id" oder "class" ansprechen

<span id="schriftblau">Blaue Schrift, Verdana, 12px</span>
<div class="schriftgelb">Gelbe Schrift, Verdana, 12px</div>