Dynamische Webseiten

Virtueller Campus Projekt, PHBern

StartseiteJavaScriptCSSJSPPHPMySQLDrucken

Schriftgrösse: kleiner - zurücksetzen - grösser

Formate in der CSS-Datei definieren

Diese Seite sollte kurz erklären, wie die gewünschten Formatierungen in der zentralen CSS-Datei aufgelistet werden müssen.

allgemeine Formatzuweisung

Beispiel aus einer CSS-Datei:

h1 { color:#0000FF; font-size:24pt;} Die eigentliche Definition zum entsprechenden Selektor ist zwischen den geschweiften Klammern. Wobei man eine oder mehrere Definitionen so zuordnen kann. "color" und "font-size" sind zwei Eigenschaften von unsern Selektor, denen wir in unserer Definition Werte zuordnen. Mit unserer Definition werden alle Überschriften dunkelrot. Die Zahlen 3.3 und 2 auf den Zeilen 7 und 8 geben die Schriftgrösse an gegenuger der Standardschriftgrösse.

<html>
<head>
<title>Schriftformat definieren</title>

<style type="text/css">
h1,h2,h3{color:#990033;}
h1{font-size:3.3em;}
h2{font-size:2em;}
h3{font-size:1em;}

a:link{color:#009999;
       text-decoration: none;} 
a:visited{color:#009999;
      text-decoration: none;} 
a:hover{color:#990033;
      text-decoration: underline;} 
a:active{color:#990033;
      text-decoration: underline} 

</style>

</head>
<body>

<h1>Überschrift</h1>
<h2>zweite Überschrift</h2>
<h3>dritte Überschrift</h3>

<p>Hier steht der eigentliche Text.</p>
<p></p>
<p><a href="http://www.phbern.ch">Link zu PHBern</a></p>


</body>
</html>

Beispiel zeigen

Beispiel Online Bearbeiten


Übungen

Aufgabe 1

Aufgabe 2