TaRo Cascading Style SheetsCSS

TR--TaRo Cascading Style Sheets Uebung - Darstellung der CSS.

Grundlagen - Darstellung
u. Probleme
Das Gestalten von Seiten.

Grundlagenschrift mit Shadow2. mal

Text ohne span etc und h1 oder h2

Text mit class box

!Text mit span class marker.
 
 

Die Style Sheet Seite hört hier auf.

Den Quelltext für die Seite bis hier folgt nun:
QUELLTEXT  HTML-CSS
 
 
<HTML>
<HEAD>
   <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
   <META NAME="GENERATOR" CONTENT="Mozilla/4.01 [de] (Win95; I) [Netscape]">
   <TITLE>TaRo CSS Style Sheet Uebung</TITLE>
<STYLE type="text/css">
<!-
body {
background-color:FFFFFF;
background-image:url(back.jpg);
background-repeat:repeat-y;
margin-top: 1 cm;
margin-left: 3 cm;
margin-right: 10%;
}
h1, h2 {
font-family: "Arial" , sans-serif;
font-weight:bold;
color:black;
background-color:8080FF;
width:100%;
border-style:none;
border-width:thin;
}
h1 { font-size:20pt;}
h2 { font-size:16pt;}
p {
font-family: "Times New Roman" , serif;
font-size:12pt;
text-align:justify;
}
p.me {
text-ident:0.5 cm;
}
p.box {
width:50%;
text-align:center;
color:red;
font-weight:bold;
border-width:5pt;
border-color:blue;
border-style:ridge;
}
.initial {
float:left;
width:1pt;
font-weight:bold;
font-size:24pt;
}
.shadow {
position:absolute;
top:2pt;
left:1pt;
color:white;
}
.marginal {
position:absolute;
left:-3 cm;
top:0.5 cm;
color:yellow;
}
.marker {
position:absolute;
left:-2 cm;
color:yellow;
font-size:40pt;
font-weight:bold;
}
->
</STYLE>
</HEAD>
<BODY>

<H1>
<SPAN style="position:relative"><SPAN class="shadow"> TaRo Cascading Style
Sheets</SPAN></SPAN>CSS</H1>
<SPAN class="initial">TR</SPAN>TaRo Cascading Style Sheets Uebung - Darstellung
der CSS.

<P class="me"><SPAN style="position:relative"><SPAN class="marginal">Grundlagen
- Darstellung
<BR>u. Probleme</SPAN></SPAN> Das Gestalten von Seiten.
<H2>
<SPAN style="position:relative">Grundlagenschrift mit Shadow<SPAN class="shadow">2.
mal</SPAN></SPAN></H2>
Text ohne span etc und h1 oder h2

<P class="box">Text mit class box

<P class="me"><SPAN style="position:relative"><SPAN class="marker">!</SPAN></SPAN>Text
mit span class marker.
</P>

</BODY>
</HTML>