Webseitenbau
Home
Sitemap
 
Web Webseitenbau
Google English français  
↑ 3. 3. 3 CSS-Definitionen im Kopf der HTML-Datei (internal stylesheet)

3.3.3 CSS-Definitionen im Kopf der HTML-Datei (internal stylesheet)

Bestandteile

Vorgehen

a) Erstens: CSS-Angabe im Kopf des HTML-Dokumentes

CSS-Angabe im Kopf des HTML-Dokumentes mit Kommentar-Tags:

Die Kommentar-Tags sollen verhindern, dass Browser, die CSS nicht verstehen, diese Angaben als normalen Text anzeigen.

SELFHTML schreibt allerdings dazu;
Obwohl dieses Auskommentieren von Stylesheet-Bereichen eine gängige Praxis ist, wird in den Codebeispielen in SELFHTML darauf verzichtet, denn die Browser aus den Anfangstagen des WWW, die CSS-Bereiche nicht erkennen können, sind weitestgehend zu vernachlässigen.

Beispiel 1:

<head>
 <style type="text/css">
  <!--Stylesheet Angaben
  hbr {color: sienna}
	p {margin-left: 20px}
	body {background-image: url("images/back40.gif")}
	Ende der Stylesheetangaben//-->
 </style>
</head>

Beispiel 2:

<head>
 <style type="text/css">
  <!--
	hbr {color: sienna}
	p {margin-left: 20px}
	body {background-image: url("images/back40.gif")}
	-->
 </style>
</head>

b) Zweitens: Das HTML-Dokument editieren

⇒ Gleich wie bei einem externen Stylesheet

Grundlagen und Workshops