ChristophTutorials - (Video)Tutorialseite und IT-Blog

Zitat der Woche

Früher hatten wir die spanische Inquisition. Jetzt haben wir die Kompatibilität.
- Herbert Klaeren

Letzte Artikel

Zufällige Artikel

Verzeichnisse

Blogverzeichnis - Blog Verzeichnis bloggerei.de Blogverzeichnis Blog Verzeichnis Blog Top Liste - by TopBlogs.de Blog Button
Datenschutzerklärung
Impressum
Längeneinheiten - 16.02.2011
CSS biete verschiedene Möglichkeiten an, Längen anzugeben. Auch Einheiten, wie mm und cm sind vertreten, aber hauptsächlich genutzt werden px, em und %. Diese Einheiten können überall in CSS genutzt werden, wo man eine Größe angibt, dazu zähen Abstände, Breiten, Höhen und Schriftgrößen.

Mit px, em und % haben wir auch gleich drei verschiedene Sorten von Einheiten. Px sind eine absolute Einheit, das heißt, dass sie auf jedem Bildschirm, in jeder Größe die gleichen Maße haben sollten. Das kann zum Problem werden, wenn eine Webseite für große Bildschirme optimiert wurde und man sie sich dann auf einem kleineren ansehen will. Man kann px-Angaben aber gut verwenden, wenn man zu Beispiel bei einem Bild die Maße angibt und nicht will, dass es verzerrt wird.

%-Maße geben immer an, wie viel Platz des Übergeordneten Elements ein Element einnehmen soll. Wenn man beispielsweise einen div-Container direkt im body hat und ihm eine width von 50% und eine height von 100% zuweist, nimmt er genau die linke Hälfte des Fensters ein. %-Angaben sollte man also benutzen, wenn man will, dass ein Element einen bestimmten Anteil des übergeordneten Elements einnimmt.

Ein em ist immer etwa so lang, wie ein "M" der Schriftgröße des übergeordneten Elements. Mit em ist man meistens gut bedient. Es kann nicht so leicht passieren, dass eine Textbox, die eine em-größe hat zu lang ist und so das Finden der nächsten Zeile schwer fällt oder dass die Box zu kurz ist und es unübersichtlich wird. Mit em kann man Boxen also gut an den Text anpassen. Setzt man mit em eine Schriftgröße fest, so entspricht 1em der aktuell verwendeten Schriftgröße, und beispielsweise 1,5em entsprechen 150% der ursprünglichen Schriftgröße.

Kommentare:

- kein Kommentar -
Um einen Kommentar zu schreiben ist eine Anmeldung nötig.