Es gibt zwei Arten von CSS:
1. Eine .css datei, wo du nur einen kleinen verweis im header machen musst, damit das css aus der datei angezeigt wird
2. du fügst das css-code-zeug ;) direkt per html-befehl in deine seite ein.
Mhh wenn dus des erste mal machst, hilft dir das wahrscheinlich net viel. neya , egal lol
CSS heit Cascading Stylesheets, und damit kannst du angeben, welche schriftgröße, farbe, hintergrundfarbe, linkfarbe usw. deine seite haben soll.
Ein CSS-Befehl sieht so aus:
objekt {eingeschaft=soooo;}
immer ein leerzeichen zwischen objekt und klammer, und hiner "sooo" immer ein simikolon!
Und so sähe z.bsp. ein ganz einfaches Stylesheet aus:
----
A:link { color: #000000; text-decoration: none; }
A:visited { color: #000000; text-decoration: none; }
A:hover { color: #ffffff; text-decoration: none; }
A:active { color: #000000; text-decoration: none; }
body { background-color= white;
font-color= black; font-family= arial; font-size= 8pt;
scrollbar-face-color: black;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: white;
scrollbar-darkshadow-color: white;
scrollbar-shadow-color: white;
scrollbar-arrow-color: white;
scrollbar-track-color: black; }
----
Oke? Kurze erklärung:
A:link, A:visited, A:hover und A:active sind die befehle, die deine Links "stylen" ;) Bei Text-decoration kannst du statt "none" auch "underline" oder "overline" eingeben, dann sind deine links alle unterstrichen!
das ganze scrollbar-zeugs "stylt" deine scrollbar. die Farben kannst du beliebig verändern.
Überhaupt *lol*: alle farben hier lassen sich völlig frei verändern. Du kannst die worte wie "black" oder "white" auch mit zahlcodes wie "#000000" oder "#ffffff" ersetzen!
Wie bekommst du das jetzt auf deine Seite?
Schreib deine CSS-Befehle in den Editor und speicher die datei als .css datei ab, wie z.bsp. : style.css
Im Head-Bereich deiner Seite fügst du nun folgendes ein:
fertig! Wenn du das CSS lieber direkt auf deiner Seite einfügen willst, schreib dein CSS dortrein [das ist jetzt eine Bespiel-HTMl seite ;)]
<html>
<head>
<style>
hiiiieeeerhin dein CSS!
</style>
</head>
.....
Also zwischen die <style>-tags!
Gar nicht so schwierig, oder? Nicht verstanden? Dann schau dir andere css-tutorials auf anderen seite an, vielleicht verstehst dus bei denen bessa :D