Die Z-Index-CSS-Eigenschaften: Eine umfassende Übersicht
Von Louis Lazaris SmashingMagazine
Die meisten CSS-Eigenschaften sind sehr einfach zu bewältigen. Oft Anwenden einer CSS-Eigenschaft auf ein Element im Markup wird haben sofortige Ergebnisse –, sobald Sie die Seite aktualisieren, die für die Eigenschaft festgelegten Wert wirksam wird, und Sie das Ergebnis sofort sehen. Anderen CSS-Eigenschaften, jedoch ein wenig komplexer werden und nur arbeiten im Rahmen einer bestimmten Konstellation von Bedingungen.
Die Z-index Eigenschaft gehört zu der letzteren Gruppe. Z-index hat zweifellos so viel Verwirrung und Frustration wie alle anderen CSS-Eigenschaft verursacht. Ironischerweise, jedoch, wenn Z-index ist vollständig, versteht es eine sehr einfache Eigenschaft verwendet werden, und bietet eine effektive Methode zur Überwindung viele Layout-Herausforderungen.
In diesem Artikel werden wir genau, was erklären Z-indexist, wie es missverstanden worden ist, und besprechen wir einige praktischen Verwendungsmöglichkeiten für es. Wir werden auch einige der Browser Unterschiede beschreiben, die auftreten können, besonders in früheren Versionen von Internet Explorer und Firefox. Diese umfassenden Blick auf Z-index sollten Entwickler eine ausgezeichnete Grundlage um diese Eigenschaft sicher und effektiv verwenden zu können bieten.
Was ist es?
Die Z-index -Eigenschaft bestimmt die Stack-Ebene der ein HTML-Element. "stack Level" verweist auf die Position des Elements auf derZ-Achse (im Gegensatz zu der x-Achse oder Y-Achse Achse). Eine höhere Z-index Wert bedeutet, dass das Element an den Anfang der Stapelreihenfolge näher sein wird. Diese Stapelreihenfolge wird senkrecht zur das Display oder Ansicht ausgeführt.
25 Hochwertiger Kalligraphie-Schriftarten
Von Steven Snell in Designm.ag
Wir werden von vor wenigen Wochen, die wir eine Sammlung von handschriftlichen Schriften, die sehr gut empfangen wurde veröffentlicht, heute so mit einer Sammlung einiger der besten Kalligraphie Schriftarten folgen, bis wird. Diese Fonts sind eine ausgezeichnete Wahl für elegante Web und Grafikdesign.
Technorati-Tags: Font,handwritten
Typographische Entwurfsmuster und beste Anwendung
Von Michael Martin in Smashing Magazine
Sogar mit einem relativ begrenzten Satz von Optionen in CSS variiert die Typografie enorm mit reinen CSS-Syntax. Serif oder sans-Serif? Große oder kleine Schriftart? Zeile Höhe "," Abstand "," Schriftgrad "und" padding… Die Liste geht auf und auf.
Typographische Entwurfsmuster zu finden, die häufig in modernen Web-Design sind und einige allgemeine typographische Probleme zu lösen, wir umfangreiche Forschung auf 50 beliebten Webseiten auf welche Typografie Fragen mehr als üblich durchgeführt (oder mindestens mehr als üblich Materie sollte). Wir haben beliebte Zeitungen, Zeitschriften und Blogs sowie verschiedenen Typografie-bezogene Websites gewählt.
Wir haben sorgfältig analysiert Ihre Typografie und Style Sheets und Gemeinsamkeiten und Unterschiede gesucht. Wir haben auch eine Kalkulationstabelle der Studie zusammengestellt, die die Websites verschiedene Werte (z. B. das Verhältnis zwischen der Zeile Höhe und Länge) wird angezeigt.
Letztendlich, wir identifiziert 13 allgemeine typographische Probleme und Fragen im Zusammenhang mit typographische Design und versucht, Antworten auf diese durch unsere Forschung zu finden:
- Wie beliebt sind Serif und sans-Serif-Schriftarten in Körper Kopie und Schlagzeilen?
- Welche Schriftarten werden am häufigsten verwendet?
- Was ist die durchschnittliche Schriftgröße?
- Was ist das durchschnittliche Verhältnis zwischen den Schriftgrad der Überschriften und Körper-Kopie?
- Was ist die durchschnittliche Zeile-Höhe der Körper Kopie?
- Was ist das durchschnittliche Verhältnis zwischen Zeile Höhe und Schriftart Größe in Körper Kopie?
- Was ist das durchschnittliche Verhältnis zwischen Zeile Höhe und Länge in Körper Kopie?
- Was ist die durchschnittliche Höhe der Abstand zwischen Absätzen?
- Was ist das durchschnittliche Verhältnis der Absatzabstand zu Zeile Höhe in Körper Kopie?
- Wie sind Links Stil?
- Wie viele Zeichen pro Zeile sind häufig in Körper Kopie?
- Wie oft sind Links unterstrichen?
- Wie oft wird Schriftart Ersatz (sIFR, etc.) verwendet?
Wir letztendlich mit soliden Daten, die wir ausgewertet und vorbereitet für diesen Artikel. Auf der Grundlage der Statistiken, haben wir mehrere "Faustregeln" für das Arbeiten mit Typ identifiziert. Bitte beachten Sie, dass diese Regeln oft können, aber nicht immer, best Practice angesehen werden.
Technorati-Tags: Typographie,Webdesign
We try it W3C konform
