Zahlen und Einheiten in CSS

Siehe hierzu auch das Thema font-size.

siehe unten Umrechner & Schleifengenerator

Zahlen

Einheiten

Absolute Einheiten

Relative Einheiten

Winkelmaße (Rotationen)

Auflösung

Zeitangaben (Animationen, Übergänge, Audioausgabe)

Frequenzen (Audioausgabe)

Prozentuale und absolute Werte mischen

Mit der CSS3 Funktion calc() kann man in CSS3 relative Maße und absolute Maße mischen.

calc(100% - 150px)

Das Beispiel bedeutet 100 Prozent minus 150 Pixel. Auch andere Berechnungen sind möglich.

Umrechner Pixel in em

Die Größen in em oder rem anzugeben hat den Vorteil, dass sich das Layout immer an die Schriftgröße anpasst. Die Umrechnung von Pixel in em ist einfach:
Pixelbreite / Basisgröße = Breite in em.
z.B: 320 Pixel / 16px,em = 20 em.

Pixel

px

em

Umrechner feste Spaltengrößen in Prozent

Wenn man aus einem festen Gridsystem ein fluides Gridsystem erstellen will, so muss man die Pixelwerte der gefloateten Blockelemente in Prozent umrechnen:

(Spaltenbreite * 100) / Gesamtbreite des Gridsystems = Spaltenbreite in Prozent

px

px

%


Schleifen Generator

Mein Schleifengenerator ist überflüssig, sofern man die Emmet installiert hat.

Wenn Sie einen Quelltext erzeugen wollen, der eine Durchnummerierung beinhaltet, können Sie hier Ihren Code vor der Nummerierung und nach der Nummerierung eintragen, und erzeugen lassen. Der erzeugte Code kann markiert und kopiert werden.

 

Get Adobe Flash Player