Wie Größe mit Absolute Maßeinheiten für HTML5 und CSS3 Programmierung Angeben
Viele Male, müssen Sie die Größe von etwas in CSS3 zu spezifizieren. Natürlich ist Schriftgröße einer dieser Fälle. Die verschiedenen Arten von Mess haben unterschiedliche Auswirkungen. Es ist wichtig, gibt es zwei verschiedene Arten von Einheiten in CSS zu kennen.
Absolute Messungen versuchen, eine bestimmte Größe zu beschreiben, wie in der realen Welt. Relative Messungen sind über die Änderungen zu einem gewissen Standardwert. Im allgemeinen Web-Entwickler bewegen uns auf relative Messung für Schriftgrößen.
Punkte (pt)
In der Textverarbeitung, sind Sie wahrscheinlich vertraut mit Punkte als Maß für die Schriftgröße. Sie können nur die Abkürzung pt um anzuzeigen, dass Sie in den Punkten, zum Beispiel sind die Messung:
p {font-size: 12pt-}Leider Punkte sind keine wirksame Maßeinheit für Web-Seiten. Punkte sind eine absolute Skala, nützlich für den Druck, aber sie sind auf dem Netz nicht zuverlässig, weil Sie nicht wissen, welche Auflösung dem Bildschirm des Benutzers hat. Ein 12-Punkt-Schrift könnte größer oder kleiner wirken auf verschiedenen Monitoren.
In einigen Versionen von IE, nachdem Sie eine Schriftgröße in Punkten angeben, kann der Benutzer nicht mehr die Größe der Zeichen zu ändern. Das ist nicht akzeptabel aus Usability-Sicht. Relative Größe Regelungen verhindern, dass dieses Problem.
Pixel (px)
Pixel beziehen sich auf die kleinen Punkte auf dem Bildschirm. Sie können eine Schriftgröße in Pixeln angegeben, obwohl das nicht der richtige Weg ist, ist es in der Regel getan. Für eine Sache, machen verschiedene Monitore Pixel in verschiedenen Größen. Man kann nicht wirklich sicher sein, wie groß ein Pixel im Verhältnis zum Gesamtbildschirmgröße sein wird.
Verschiedenen Buchstaben sind verschiedene Größen, also die Pixelgröße ist eine grobe Messung der Breite und Höhe des durchschnittlichen Zeichens. Verwenden Sie die px Abkürzung Fonts in Pixeln zu messen:
p {font-size: 20px;}Traditionelle Messungen (in, cm)
Sie können auch Zoll verwenden (im) Und Zentimeter (cm) Schriftarten zu messen, aber das ist völlig unpraktisch. Stellen Sie sich eine Webseite sowohl auf dem Bildschirm und einem Projektionssystem angezeigt haben. Ein Zoll auf dem eigenen Monitor kann wie zehn Zoll auf dem Projektor zu suchen. Real-life Messeinheiten sind für das Web nicht sinnvoll.
Das einzige Mal, wenn Sie sie verwenden könnte, ist, wenn Sie etwas Druck werde und Sie haben die vollständige Kenntnis, wie der Drucker konfiguriert ist. Wenn das der Fall ist, sind Sie besser dran mit einem Druckorientiertes Layout-Tool (wie ein Textverarbeitungsprogramm) und nicht als HTML.