CSS in externe Datei auslagern
Die CSS Formatierung wird meistens in dem <head> Tag vorgegeben.
Da alle Seiten eines Projekts fast immer die gleiche
Formatierung haben ist es nicht empfehlenswert diese im <head>
tag
zu lassen.
So muss der Besucher Ihrer Website mit jedem Aufruf einer
neuen Seite die gesammte Formatierung jedes mal mitladen.
Wenn man alle Inhalte des
<style>
css
Inhalt Ihrer Seite
</style>
|
Tags in eine eigene Datei verlagert,
braucht man das nur einmal zu tun.
Das Spart nicht nur Traffic sondern kommt auch den
Ladezeiten Ihrer Seite zugute.
Und so wird es gemacht:
1) wie schon oben beschrieben, müssen Sie den Inhalt des
<style>
...
</style>
Tags ausschneiden und in einer neuen Textdatei speichern dies
sollte so Aussehen
body {
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}
|
2) Sie vergeben dieser Datei einen Namen und ändern die Endung
aus .txt in .css
3) als letzes müssen Sie nur noch diese Datei verknüpfen
<link href="dateiname.css" rel="stylesheet"
type="text/css">
Ich hoffe das diese Beispiele Ihnen Helfen konnten, bei
Javascripts funktioniert es fast
genauso.
