CSS Grundgerüst
Der Code wird bei einer HTML Datei zwischen <head> </head> eingefügt.
Um die CSS Datei extern einlesen zu können muss im head Bereich
folgender Code stehen
<link rel="stylesheet" href="style.css" type="text/css" />
Der Code wird bei einer HTML Datei zwischen <head> </head> eingefügt.
Um die CSS Datei extern einlesen zu können muss im head Bereich
folgender Code stehen
<link rel="stylesheet" href="style.css" type="text/css" />
Link Farbe ändern
Als A sind alle Hyperlinks auf der Seite gemeint.
A:link {color:#CCCCCC } Alle Links werden grau
A:visited {color:#000000 } Bereits Besuchter Link wird schwarz
A:hover {color:#ffffff } Färbt den Link beim Mouseover weiß
A:active {color:#CCCCCC} Färbt den Link beim Anklicken grau
text-decoration:none weitere Text Effekt wie z.b. ein Unterstrich,
indem Fall wurden keine zusätzlichen Optionen verwendet.
Als A sind alle Hyperlinks auf der Seite gemeint.
A:link {color:#CCCCCC } Alle Links werden grau
A:visited {color:#000000 } Bereits Besuchter Link wird schwarz
A:hover {color:#ffffff } Färbt den Link beim Mouseover weiß
A:active {color:#CCCCCC} Färbt den Link beim Anklicken grau
text-decoration:none weitere Text Effekt wie z.b. ein Unterstrich,
indem Fall wurden keine zusätzlichen Optionen verwendet.
Hintergrund Bild einfügen
Mit diesem Code wird ein Bild im Body dargestellt welches sich Horizontal
so lange wiederholt bis der Seiten- bzw. Bildschirmrand erreicht wurde.
Mit background-repeat:repeat-y wird das Bild vertikal wiederholt.
background-repeat:no-repeat verhindert die Wiederholung.
Mit diesem Code wird ein Bild im Body dargestellt welches sich Horizontal
so lange wiederholt bis der Seiten- bzw. Bildschirmrand erreicht wurde.
Mit background-repeat:repeat-y wird das Bild vertikal wiederholt.
background-repeat:no-repeat verhindert die Wiederholung.
Div und Class
Mit Div und Class kann man so genannte Container erstellen.
Angesprochen wird der Div Container mit einem # und der Class Container
mit einem Punkt ".".
Das ist aber noch nicht der einzige unterschied,
Div Container darf man nur einmal Pro Seite verwenden wo hingegen
Class Container beliebig oft werwendet werden dürfen.
In beiden fällen wird der Inhalt wie in einer einfachen Tabelle dargestellt.
Mit Div und Class kann man so genannte Container erstellen.
Angesprochen wird der Div Container mit einem # und der Class Container
mit einem Punkt ".".
Das ist aber noch nicht der einzige unterschied,
Div Container darf man nur einmal Pro Seite verwenden wo hingegen
Class Container beliebig oft werwendet werden dürfen.
In beiden fällen wird der Inhalt wie in einer einfachen Tabelle dargestellt.
Container formatieren
Wir bestimmen die Größe des #main Container's mit witdh: für die Breite
und height: für die Höhe.Dabei werden die Werte in px (Pixel) oder in % (Prozent) angegeben.
Wir bestimmen die Größe des #main Container's mit witdh: für die Breite
und height: für die Höhe.Dabei werden die Werte in px (Pixel) oder in % (Prozent) angegeben.
Container mit Rahmen
Mit border-width: bestimmen wir die Rahmen Dicke , border-color: ist für die Farbe und border-style: für das Layout. Als Layout Möglichkeiten gibt es solid (einfacher Rahmen) , dotted (gepunktet) double (doppelter Rahmen), dashed (gestrichelt) und noch ein paar andere.
Mit border-width: bestimmen wir die Rahmen Dicke , border-color: ist für die Farbe und border-style: für das Layout. Als Layout Möglichkeiten gibt es solid (einfacher Rahmen) , dotted (gepunktet) double (doppelter Rahmen), dashed (gestrichelt) und noch ein paar andere.
Horizontales CSS Flyout Menü
Bei Überfahren einer Rubrik erscheinen die Unterkategorien
Ein simples aber dennoch sehenswertes Menü
//Zum Tutorial\\
Bei Überfahren einer Rubrik erscheinen die Unterkategorien
Ein simples aber dennoch sehenswertes Menü
//Zum Tutorial\\
Vertikales CSS Flyout Menü
Ein Vertikales Css Flyout Menü, welches sich seitlich entfaltet
//Zum Tutorial\\
Ein Vertikales Css Flyout Menü, welches sich seitlich entfaltet
//Zum Tutorial\\
