Das kleine CSS-Befehls-Lexikon
Dies ist kein wahres Tutorial. Es ist eher ein kleines Lexikon zum nachschlagen der wichtigsten Befehle für CSS, damit Internetseiten etwas schöner aussehen.
"n" steht für eine beliebige Zahl, meist zwischen 0 und 100.
"#000000" sind Hexadezimalwerte.
Textformatierung:
• Font-Family: "Times New Roman,Arial"
» Schriftart
• Font-Size: "n pt / px / xx-small / small / smaller /
medium / larger / xx-larger / n%"
» Schriftgröße:
Hierbei gibt "n pt" die Bildpunkte auf dem Monitor
und "n px" eine feste Pixelzahl an.
Die restlichen Werte geben die Größe im Verhältnis
zur Standartgröße an.
• Font-Style: "italic / oblique / normal"
» Text wird kursiv, schief oder normal dargestellt.
• Font-Weight: "lighter / normal / bold / bolder / n"
» Dicke der Schrift
• Text-Align: "left / center / right"
» Textausrichtung horizontal
• Vertical-Align: "n%"
» Vertikale Ausrichtung
• Text-Decoration: "underline / overline / line-through / none"
» ...
• Color: "#00ff10 / Blue"
» Schriftfarbe
• Margin: "n pt"
» Abstand vom Text zum Rand
• Margin-top bottom / left / right: "n pt"
» Abstand vom Text zu einer bestimmten Seite
• Background-Color: "#00ff10 / blue"
» Hintergrundfarbe des Textes
• Letter-Spacing: "n pt"
» Buchstabenabstand
• Word-Spacing: "n pt"
» Wortabstand
• Text-Transform: "Lowercase / Uppercase / Capitalize"
» nur Kleinbuchstaben, nur Großbuchstaben, jeder erste Buchstabe groß
• Text-Indent: "n / n%"
» Text einrücken
Scrollbalkenformatierung:
• scrollbar-face-color: "#0000cc"
• scrollbar-arrow-color: "#ffffff"
• scrollbar-track-color: "#000000"
• scrollbar-shadow-color: "#ffffff"
• scrollbar-highlight-color: "#0000ff"
• scrollbar-3dlight-color: "#ffffff"
• scrollbar-darkshadow-Color: "#000000"
» Spielt mit den Farben rum. Ihr werdet sehen was passiert ;)
Hintergundbildformatierung:
• background-image: URL (pic.jpg)
» Hintergrund pic.jpg wird festgelegt
• background-repeat: "repeat / repeat-x / repeat-y / no-repeat"
» Bildwiederholung ein, nur horizontal, nur vertikal, keine
• background-attachment: "scroll / fixed"
» Das Hintergundbild wird mitgescrollt oder bleibt fixiert
• background-position: "x, y"
» Hintergrundbildpositionierung:
horizontal (x): left / right / center / n %
vertikal (y): top / center / bottom / n %
Copyrighted by Guideforce.de
Wenn sie dieses Tutorial sehen ohne über www.guideforce.de gekommen zu sein,
dann wenden sie sich bitte an info@lifeworks.de