Tutorials
CSS Angaben aus Datei lesen
12.03.2008 - 12:38

In diesen Tutorial möchte ich euch zeigen wie ihr eine HTML Datei schreibt die seine Daten z.B: Linkfarbe Hintergrundfarbe aus einer CSS Datei liest.

Dazu müsst ihr als erstes eine CSS Datei anlegen.
ich nenne sie meist default.css
Da gebt ihr dann eure Daten rein.
Ich gebe mal jetzt die Hintergrundfarne,Schriftfarbe und Linkfarben an.
Meine default.css sieht dann so aus:



1
2
3
4
5
6
7
8
9

Quellcode

body {
   color: #FF3300;       /* rote Schrift */
   background: #000000;  /* schwarzer Hintergrund */
}

a:link    { color:#FF3300; text-decoration:none; } /* Alle links rot */
a:visited { color:#FF3300; text-decoration:none; } /* besuchte Links rot */
a:hover   { color:#FFFF00; text-decoration:none; } /* bei überfahren des Links gelb */
a:active  { color:#FF3300; text-decoration:none; } /* gerade angeklickt */


Man kann zwar noch a:focus angeben aber das is nicht so wichtig.
Dann erstellt ihr eine HTML Datei.Ich nenne sie mal index.htm
Man kann entweder .html nehmen oder .htm aber ich nehme eh immer .htm
Dann schreibt ihr mal ne kleine Datei,hier mein beispiel:



1
2
3
4
5
6
7
8
9

Quellcode

<html>
<head>
   <title>HTML Tutorial</title>
</head>
<body>

bla bla bla <a href="http://www.boogt.tk">hier ein link</a>
</body>
</html>


Jetzt ist aber alles noch Standard weißer Hintergrund und schwarze Schrift und blaue Links.Wie bekommen wir die Angaben der CSS Datei hier rein?Das geht ganz einfach ihr müsst nur folgenden code in euren Head einbauen also zwischen <head> und </head>



1

Quellcode

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

So also das rel bestimmt das es eine Stylesheetdatei ist.
Das href lädt eure CSS Angaben und type bestimmt das es HTML und CSS ist.
Euer code sollte dann so aussehen:



1
2
3
4
5
6
7
8
9
10

Quellcode

<html>
<head>
   <title>HTML Tutorial</title>
   <link rel="stylesheet" href="default.css" type="text/css" />
</head>
<body>

bla bla bla <a href="http://www.boogt.tk">hier ein link</a>
</body>
</html>


Nun wird eure HTML Seite auch so farbig ausgegeben wie ihr wollt.
Das wars zwinkern


BooGT


gedruckt am 14.07.2025 - 04:49
http://www.hth-c.com/include.php?path=content/content.php&contentid=765