CSS Einheiten
Bei der Angabe von numerischen Werten oder Länge für CSS-Eigenschaften wie width oder font-size Sie haben die Wahl zwischen verschiedenen Einheiten. Die 3 meistbenutzten sind Pixel, relative Werte und Prozentangaben.
Pixel
Pixel sind die winzigen Punkte, aus denen Sie Ihren Computer-Bildschirm und sind die genauesten Gerät können Sie für dieses Medium zu nutzen. Wenn Sie mit einer Breite von 100 Pixel wird es genau so, nicht mehr und nicht weniger angezeigt werden. Um Werte in Pixel setzen Sie einfach ein append px direkt nach dem Wert.
CSS Pixel Einheit
Relative Werte
Relative Werte werden oft verwendet, für font-size , Obwohl sie für andere numerische Eigenschaft verwendet werden, zu. Sie beziehen sich auf das aktuelle Element und werden durch Anhängen ein em gesetzt. 1em verwendet immer den aktuellen Wert unverändert, 2em nutzt die Doppel-und 0.5em nutzt die Hälfte davon (technisch em bedeutet, bezogen auf die Breite der Kleinbuchstaben m Zeichen in der aktuellen Schriftart).
CSS relativen Wert Einheit
p {font-size:2em}
Vor Code legt die font-size bis 13 Punkte für den Körper Element. Der Absatz Elemente im Inneren des Körpers einen relativen Wert von 2em und verdoppelt damit den Wert auf 26 Pixel.
Wenn wir 1.9em statt, wird der Absatz-Wert führen zu 24,7 Punkte. Da ein Computer-Bildschirm kann nur in ganzen Pixel Web-Browser wird versuchen, den Wert entweder auf 24 Pixel oder 25 Pixel lang, die manchmal Inkonsistenzen zwischen den Browsern verursachen können.
Prozentwerte
Die Prozentsätze der Arbeit ziemlich die gleichen wie relative Werte. 100% ist der aktuelle Wert unverändert, 200% verdoppelt sie und so weiter. Die Prozentsätze werden durch Anhängen einer%.
CSS Anteil Einheit
p {font-size:200%}
Zero
Wenn ein Wert auf Null gesetzt, es gibt keine Notwendigkeit zu einer Einheit Staat.
CSS Wert Null
Andere Einheiten
Es gibt einige mehr selten verwendet Einheiten wie pc (Pica), cm (Zentimeter), mm (Millimeter), in (Zoll) und PT (Punkte).
Richtlinien zur Verwendung von
1. Relative Werte für Schriftarten
Eine Website sollte flexibel sein und der Größe geändert werden, einschließlich der Schriftarten (mit gedrückter Strg-Taste gedrückt und bewegen Sie die Maus-Rad). Einige ältere Versionen von Internet Explorer zu verweigern, um Schriften die Größe angeben, wenn Sie die font-size in Pixel. Verwenden Sie einen relativen Wert statt. 76% für die <body> Schriftart und-em für alle anderen Schriften ist eine weit verbreitete Technik für immer im Einklang Schriften in allen Browsern.
2. Pixel nur bei Bedarf
Die Faustregel ist, um relative Werte, Prozentsätze, wo immer möglich, ein flexibles Layout in allen Medien zu gewährleisten, verwenden. Obwohl Pixel in Ordnung sind, wenn Sie benötigen Position Dinge sehr genau auf dem Bildschirm.