CSS - Maßeinheiten

Bevor wir mit der eigentlichen Übung beginnen, möchten wir einen kurzen Überblick über die CSS-Maßeinheiten geben. CSS unterstützt eine Reihe von Messungen, einschließlich absoluter Einheiten wie Zoll, Zentimeter, Punkte usw. sowie relativer Maße wie Prozentsätze und em-Einheiten. Sie benötigen diese Werte, wenn Sie in Ihren Stilregeln verschiedene Maße angeben, zborder = "1px solid red".

Wir haben alle CSS-Maßeinheiten zusammen mit den richtigen Beispielen aufgelistet -

Einheit	Beschreibung	Beispiel
%.	Definiert eine Messung als Prozentsatz relativ zu einem anderen Wert, normalerweise einem umschließenden Element.	p {Schriftgröße: 16pt; Zeilenhöhe: 125%;}
cm	Definiert eine Messung in Zentimetern.	div {Rand unten: 2 cm;}
em	Ein relatives Maß für die Höhe einer Schriftart in Leerzeichen. Da eine em-Einheit der Größe einer bestimmten Schriftart entspricht, wäre jede "em" -Einheit 12pt, wenn Sie 12pt eine Schriftart zuweisen. somit wäre 2em 24pt.	p {Buchstabenabstand: 7em;}
Ex	Dieser Wert definiert eine Messung relativ zur x-Höhe einer Schriftart. Die x-Höhe wird durch die Höhe des Kleinbuchstaben x der Schrift bestimmt.	p {Schriftgröße: 24pt; Zeilenhöhe: 3ex;}
im	Definiert eine Messung in Zoll.	p {Wortabstand: .15in;}
mm	Definiert eine Messung in Millimetern.	p {Wortabstand: 15 mm;}
pc	Definiert eine Messung in Picas. Ein Pica entspricht 12 Punkten; Somit gibt es 6 Picas pro Zoll.	p {Schriftgröße: 20pc;}
pt	Definiert eine Messung in Punkten. Ein Punkt ist als 1/72 Zoll definiert.	body {Schriftgröße: 18pt;}
px	Definiert eine Messung in Bildschirmpixeln.	p {padding: 25px;}