ID: 24

CSS mit Hilfe des SPAN-Tags

Wenn Sie jetzt nur einen Teil des in <p> (oder einem beliebigen anderen) Tag befindlichen Inhalts verändern wollen, können Sie mit dieser Methode wenig ausrichten. Hierfür ist das <span>-Tag zuständig, das nichts anderes macht, als den Text zu unterstreichen.

<html>
<head>
<title>Grundgerüst einer HTML-Datei</title>
<meta name="author" content="wicoh">
<link rel=stylesheet type="text/css" href="test.css">
<style type="text/css">
H1 { color: #080080; }
</style>
</head>
<body>
<h1>Überschrift</h1>
<p style="font-color: #00b0b0; font-weight: bold; ">
Fließtext, nichts als <span style="text-decoration: underline;">Fließtext</span></p>
</body>
</html>

Das <span>-Tag hat übrigens Priorität vor dem Style-Deklarationen im HTML-Tag selbst.

Achtung: Es kann zu Problemen führen wenn Sie nicht alle vorherigen CSS-Anweisungen außer Kraft setzen. Denken Sie auch an line-height wenn Sie die Schriftgröße verändern.

eingestellt am: 11.10.2005 (1258 mal gelesen)

Druckansicht | Übersicht CSS | zurück

Juli 2008

Topics / CSS / ID: 24

CSS mit Hilfe des SPAN-Tags