XSLT-Tutorial/CSS2

Cascading Style Sheets Teil II

Einbindung von CSS

Im HEAD der HTML-Datei

Stylesheets können in HTML im HEAD-Sektor der HTML-Datei definiert werden oder als externe Datei verlinkt oder importiert werden.
Die Definiton wird eingeleitet mit dem Tag <style> und dem Attribut type und dem Parameter "text/css":


<head>

	<title>XSLT-Tutorial/CSS2</title>

	<style type="text/css">

<!--

body {font-family:Arial;

	  text-align:justify; 

	  margin-left: 20%; 

	  background-image:url(images/xsltut1.gif); 

	  background-repeat:repeat-y}

-->

</style>

Externe Einbindung über den Tag "link"

Bei externen Stylesheets kann die Definition der einzelnen Tag-Style-Attribute direkt erfolgen.
Externe Stylesheets werden folgendermaßen verlinkt:


	<link rel="stylesheet" type="text/css" href="start.css">

Verschiedene Stylesheets für verschiedene Ausgabemedien

Sollen Stylesheets für verschiedene Ausgabemdien definiert werden, so kann man die Einbindung auch so vornehmen:


	<style type="text/css">

		<!--

		@import url (start.css);

		-->

	</style>

	

	oder, wenn die Ausgabemedien in 

        verschiedenen Stylesheets definiert sind:

	

	<style type="text/css">

		<!--

		@import url (print.css);

		@import url (online.css);

		-->

	</style>