Was ist der Einsatz von CSS-Containern?

May 1

Was ist der Einsatz von CSS-Containern?

CSS oder Cascading Style Sheets, ist eine Stylesheet-Sprache im Konzert mit HTML Design Webseiten. CSS bietet Entwicklern mehr Kontrolle darüber, wie eine Seite sieht und fühlt. Eine Möglichkeit die Sprache dies leistet ist durch den Einsatz von "Container," rechteckigen Kästen, die Text, Bilder oder andere Inhalte enthalten. Container bieten eine Webseite Struktur, auch wenn sie nicht sofort sichtbar sind. Containern verbessern Benutzerfreundlichkeit für Benutzer mit verschiedenen Browser-Einstellungen.

Funktion

In CSS Seiten Container bestehen aus jeweils Text, Links und andere Informationen aufweisen. Diese Boxen können vor oder hinter einander platziert werden. Designer können die Abmessungen und Ausrichtung von CSS-Containern verändern; Sie können nebeneinander ausgerichtet oder Abstand auseinander. Container können Farben und Rahmen definiert haben können, oder sie unsichtbar Strukturelemente. Container sind immer rechteckig, aber sie können arrangiert werden, um mehr organischen Formen zu simulieren.

Vorteile

Container bieten mehr Gestaltungsfreiheit und mehr Kontrolle als Tabellen, der primäre Formatierungsmethode in HTML verwendet. Im Gegensatz zu Tabellen beschränken nicht Containern auf ein Raster-Shape Seiten. Da mehrere Container überlappt werden können, können Designer eine geschachtelte Darstellung oder Float-Text und Bilder übereinander erstellen. Richtig entworfener Container erhöhen auch Seite Barrierefreiheit. Sie zeigen den Text in der richtigen Reihenfolge für Benutzer mit nur-Text Browser, Braille-Browsern und anderen Anwendungen nicht standardmäßige Anzeige. Mit Prozentwerten formatierter, halten Sie Container Text lesbar ohne scrollen, auch für Benutzer, die mit größeren Schriftarten durchsuchen.

Positionierung

Container haben eine Positionierung-Eigenschaft, die entweder absolut oder relativ ist. Absolute Positionierung platziert den Container an einem bestimmten Punkt auf der Seite. Relative Positionierung platziert den Container an einem Punkt im Vergleich zu anderen Seitenelementen. Absolute Container Positionierung funktioniert am besten, wenn ein Container, bleiben muss egal was sonst noch auf der Seite erscheint. Relative Positionierung funktioniert am besten, wenn die Seite in Windows in verschiedenen Größen und auf verschiedenen Browsern gleich aussehen muss.

Größe

Die Größe und Form eines Containers hängt von zwei Eigenschaften: Breite und Höhe. Wie die Positionierung, können diese als absoluter oder relativer Werte angegeben werden. Absolute Container sind in Bezug auf Pixel angegeben, obwohl relative Container als Prozentsatz ihrer übergeordneten Elemente angegeben werden. Somit wäre ein Container als "50 %" breit angegeben halbe Breite des umgebenden größeren, übergeordneten Containers. Designer können mischen und entsprechen relative und absolute Größen innerhalb eines Containers, seine Höhe fixiert, sondern seine Breite flexibel. Dadurch können die Seiten ändern Breite entsprechend der unterschiedlichen Bildschirmauflösungen ohne zu viel Höhe zu gewinnen oder verlieren.

Schichten

CSS Container Schichtung ermöglicht dynamischeres Design als einfachem HTML. Designer diktieren Schichtung mit der "Z-Index"-Eigenschaft, die automatische oder mit Hilfe einer Zahl angegeben werden kann. Ein Element mit einer höheren Nummer wird immer auf ein Element mit eine niedrigere Zahl angezeigt. Designer können sowohl positive als auch negative Zahlen für den Container Z-Index.