Beispiele CSS

Auf dieser Seite will ich ein paar Beispiele und Tests mit CSS-Formatierungen darstellen. Hier probiere ich auch Sachen aus.

 
Hier ein paar Proben zu font-size mit "Viewport width", weitere Prozentangaben sind nicht notwendig. Die Schriftgröße wird angepasst, wenn das Fenster in der Breite verändert wird.
 
In diesem div habe ich folgendes festgelegt:
font-size: 1vw
In diesem div habe ich folgendes festgelegt:
font-size: 1.5vw
In diesem div habe ich folgendes festgelegt:
font-size: 0.5vw
 
 
Hier ein paar Proben zu font-size mit "Viewport height", weitere Prozentangaben sind nicht notwendig. Die Schriftgröße wird angepasst, wenn das Fenster in der Höhe verändert wird.
 
In diesem div habe ich folgendes festgelegt:
font-size: 1vh
In diesem div habe ich folgendes festgelegt:
font-size: 1.5vh
In diesem div habe ich folgendes festgelegt:
font-size: 0.5vh
 
 
Hier habe ich mal probiert, ob man das auch kombinieren kann. Das funktioniert aber nicht. Es zieht eben nur der zweite Parameter.
 
In diesem div habe ich folgendes festgelegt:
font-size: 1vh;font-size: 1vw
In diesem div habe ich folgendes festgelegt:
font-size: 1.5vh 1.5vw
In diesem div habe ich folgendes festgelegt:
font-size: 0.5vh 0.5vw
 
 
Hier ein paar Proben zu font-size mit "em". Das "em" hat was mit dem Schriftsatz zu tun. Man kann es bei font-size als auch bei line-height verwenden. Ein Beispiel sowie eine Erklärung findet sich bei Wikipedia:http://de.wikipedia.org/wiki/Em_%28Schriftsatz%29
 
In diesem div habe ich folgendes festgelegt:
font-size: 1em
In diesem div habe ich folgendes festgelegt:
font-size: 1.5em
In diesem div habe ich folgendes festgelegt:
font-size: 0.5em