Werner's  --- 

CSS Befehle

Aufbau der CSS-Befehle.
Kontakt
Integration in die HTML-Datei entweder durch Bereich im Kopf.
<!DOCTYPE html>
<head>
<style type="text/css">
<!--HIER KOMMEN NUN DIE CSS-DEFINITONEN--> </style>
</head>
<body>
Oder als externe Datei, für alle Seiten.
<!DOCTYPE html>
<head>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
Auflistung CSS und ihrer Attribute.
font-size: Mögliche Werte: pt, px, em
font-family: Schriftart, wichtig ist als letzte Angabe entweder sans-serif (Schrift ohne Serifen)
oder serif (Schrift mit Serifen)
Beispiel:font-family: Arial, Helvetica, sans-serif;
font-weight: normal|bold|bolder|lighter
font-style: italic = kursiv (physikalische Auszeichnung)
oblique = schräggestellt (logische Auszeichnung)
normal = normal
line-height: Zeilenhöhe bestimmen, wenn der Text
mehrzeilig angezeigt wird.
font-variant: Textgestaltung: underline, overline, line-through.
Farbe (CSS)
background-color: Farbe für den Hintergrundbereich
Rahmen (CSS)
border-color: Rahmenfarbe - wenn nur ein Teil des Rahmens
gefärbt werden,
dann: border-top-color, border-right-color,
border-bottomcolor und border-left-color
border-width: Rahmenstärke in Pixel.
border-style: Rahmenart bestimmen:
solid = durchgezogen
double = doppelt
none = kein Rahmen (unsichtbar)
hidden = kein Rahmen (unsichtbar)
dotted = gepunktet
dashed = gestrichelt
groove = 3D-Effekt
ridge = 3D-Effekt
inset = 3D-Effekt
outset = 3D-Effekt
Ausrichtung von Elementen (CSS)
text-align: Horizontale Ausrichtung, möglich Werte: left|center|right|justify
vertical-align: Vertikale Ausrichtung mögliche Werte:
top = oben bündig
middle = mittig
bottom = unten bündig
sub = tieferstellen
super = höherstellen
text-top = am oberen Schriftrand
text-bottom = am unteren Schriftrand
Abstände (CSS)
margin: Abstand zum nächsten Element:
kann auch für jede Seite einzeln angegeben
werden:
margin-left,
margin-right,
margin-bottom,
margin-top
padding: Abstand zum Rand:
kann auch für jede Seite einzeln
angeben werden:
padding-left,
padding-right,
padding-bottom,
padding-top
Weiten, Höhen-Angaben (CSS)
width: Breite in: px, em, Prozent, auto
height: Höhe in: px, em, Prozent, auto
Grafik und Bilder (CSS)
background-image: url("dein bild.jpg");
Hintergrundbild:
Pfad und den Namen des Bildes angeben.
background-repeat:
Verhaltensweise des Bilds.
Mögliche Werte:
repeat = wiederholen (Standard)
repeat-y = nur in Y-Richtung, senkrecht wiederholen
repeat-x = nur in X-Richtung, waagerecht wiederholen
no-repeat = nicht wiederholen
background-position:
1-Wert für horizontale
2-Wert für Vertikale
1-Wert: left center right
2-Wert: top center bottom

Der erste Wert bestimmt die horizontale
und der zweite Wert die vertikale Position.
Pixel oder Prozent Angaben.
background-attachment:
fixed

Hintergrundbild fixieren.
Die Bilder bleiben dann an Ort und Stellen, wenn gescrollt wird. Standard ist die Angabe „scroll“

Hier ein paar Anleitungen zum Homepagebau für HTML
CSS Flash Java und Co.

Scholz Werner · Dirnitzweg 2 · 93499 Zandt
Tel. · 09944/2137 ·