Das style-Tag
Das Tag style erlaubt es, CSS direkt
in der HTML-Seite zu schreiben. Beachten Sie, dass innerhalb
des style-Tags die Syntax der
CSS-Sprache
eingehalten werden muss (Selektoren, geschweifte Klammern
und so weiter).
Dieses Tag sollte sich innerhalb des
head-Tags befinden,
allerdings ist dies nicht zwingend erforderlich - das style-Tag
kann auch innerhalb des body-Tags
platziert werden und wird funktionieren.
Die Verwendung des style-Tags sollte nicht übermäßig genutzt werden
- stattdessen sollte in den meisten Fällen
eine separate
CSS-Datei verwendet werden.
Beispiel
Schreiben wir CSS innerhalb des HTML-Codes mit Hilfe
des style-Tags:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dies ist der Seitentitel</title>
<style>
p {
color: red;
}
</style>
</head>
<body>
<h1>Dies ist eine Überschrift in Standard-(Schwarz-)Farbe.</h1>
<p>Dies ist ein Absatz in roter Farbe.</p>
</body>
</html>
