CSS-Generator

News
Tools
Bücher
Fotos
Impressum
Be social!
Finden

Kling vielversprechend, oder? Dann schaut mal auf CSS Type Set, aber seid bitte nicht enttäuscht. Manche dieser Services kommenmir wie die “Hello world!”-Programme vor. ImUnterschied zu frühe, darf halt jetzt jeder teilhaben.

Hier gleich die Erklärung der maximal nutzbaren Möglichkeiten, welcher jede gute Designer im Kopf hat

font-family:
festlegen der Schriftfamilie. Achtung die Schrift muss am Computer des Lesers vorhanden sein. Es ist am besten sich auf Systemschriften zu “spezialisieren.

color:
festlegen der Schriftfarbe im Format #RRGGBB (Rot-Grün-Blau) und mit Hexadezimalzahlen

font-size:
festlegen der Schriftgröße in Punkt oder Pixel. Achtung die Basisgröße (body) wird exakt festgelegt alle restlichen Größenänderungen sollten mit Prozentwerten erfolgen.

font-weight:
Hier gibt es eigentlich nur zwei Werte: bold (fett) oder normal (normal). Alle anderen Werte, werden noch nicht fehlerfrei unterstützt.

font-style:
Hier gibt es nur zwei Werte: italic (kursiv) oder normal (normal)

text-decoration:
festlegen der Textauszeichnung. Hier kann man unterstreichen (underline), durchstreichen (strike-through), überstreichen (overline), blinkend (blink, nur IE) oder gar nichts (none) festlegen.

text-transform:
Wie soll geschrieben werden? In Großbuchstaben (uppercase), in Kleinbuchstaben (lowwercase), den Wortanfangin Großbuchstaben (capitalize) oder normal (normal).

text-align:
Wie wird der Text im Absatz ausgerichtet: Links (left), recht (right), zentriert (center) oder unechter Blocksatz (justify).

font-variant:
Damit kann man entweder normal (normal) oder mit Kapitälchen (small-caps) schreiben.

letter-spacing:
Abstand der Buchstaben in Punkt, em, Pixel oder Prozent.

word-spacing:
Abstand der Wörter in Punkt, em, Pixel oder Prozent.

line-height:
Abstand der Zeilen in einem Vielfachen der Buchstabenhöhe.

CSS-Generator wurde am 5. 12. 2008 um etwa 21 Uhr gepostet und am 27. 1. 2011 um etwa 22 Uhr geändert.
Design wären noch interessante Themen.
Dies könnte Dich auch interessieren: Attribute, CSS, Service, Web, Web 2.0.
Kommentiere als Erster diesen Post!

Weitere Posts zu diesem Thema

Buttons im Google-Stil erstellen [Code Poem #8]

Ich hätte auch gerne die hübschen Buttons wie Google sie darstellt. Das ist mit CSS3 und ein wenig Tipparbeit im Stylesheet gar kein Problem. Aber au [...]
Text mit CSS3 rotieren

Ich finde jetzt immer mehr Techniken um mit CSS3 und HTML (bis vor kurzem HTML 5) zu arbeiten. Immer mehr Browser untersützen jetzt die neuen Versione [...]
Wie rechne ich Pixel in em um?

Das ist eine Frage, welche sich webDesigner immer wieder stellen und noch dazu selten eine Antwort haben. Aber warum benutzen wir überhaupt em und nic [...]
Ein CSS-StyleSheet zum Anfang

Es fällt mir immer wieder auf, dass manche Designer auf grundlegende CSS-Definition vergessen. Am öftesten wird das zurücksetzen der vom jeweiligen Br [...]
Daily Code Poem #37

Sobald ich Text tief- oder hochstelle verändert sich die Zeilenhöhe des Absatzes, kann ich das verhindern? Klar geht das: sup, sub { vertical-align: b [...]