 |
|
|
|
|
|
|
|
|
|
|
|
|
|
Beispiel: Html-Dokument mit externer Stylesheet-Datei
Das Html-Dokument:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>Beispiel</title>
<link rel="stylesheet" type="text/css" href="example.css">
</head>
<body>
<div class="page">
<H1>Html-Dokument mit Stylesheet-Datei</H1>
<H2 class="green">CSS - Cascading Stylesheets erleichtern das Webdesign</H2>
<p>
Die Attribute der Html-Elemente können zentral definiert werden
</p>
<H2 class="green">CSS - Erweitert die Möglichkeiten des Webdesign</H2>
<p>
Html-Elemente können pixelgenau positioniert werden.
</p>
</div>
</body>
</html>
Die Stylesheet-Datei:
/* Stylesheet-Datei zu "example.htm" */
body {
background-color:#F0F0F0;
}
div.page {
background-color:#FFFFFF;
border-color : #000080;
border-width : 1px;
border-style : solid;
margin-top : 30px;
padding: 10px;
width: 550px;
font-family:Verdana,Arial,Helvetica;
font-size: 8pt;
}
H1 { color: #000080; font-size: 14pt; }
H2.green { color: #008000; font-size: 12pt; margin-top: 30px; }
So stellt sich die Seite im Browser dar:
Lesen Sie hier weiter:
|
|
|
|
|
|
|
|
|