Beispiel:
2. Position : absolut Absolute Position:1. Es gibt keine Position: absolut (oder relativ) auf der äußeren Schicht; Dann ist das DIV relativ zum Browser positioniert, wie in der Abbildung unten gezeigt (50 Pixel vom rechten Rand des Browsers und 20 Pixel vom unteren Rand).
2. Die äußere Schicht hat Position: absolut (oder relativ); Dann ist das Div relativ zur Rand der äußeren Schicht positioniert, wie in der Abbildung unten gezeigt (50 Pixel vom rechten Rand von D und 20 Pixel vom unteren Rand von D).
Beispiel:
3. Position : Relativ Relative Position:Wie in der folgenden Abbildung gezeigt, ist es relativ zu einer bestimmten Position des DIV festgelegt, die diese DIV enthält. Wenn die äußere Schicht nicht seine enthält, wird sie relativ zum Browser festgelegt.
Beispiel:
4. Schichten ( Z-Index ) Das Schichten in der z -Achse -Richtung kann als unterteilt in einen Papierstapel unterteilt werden, und je höher die Anzahl der Schichten ist, desto höher ist der obere.Im obigen Beispiel sehen wir, dass AA A abdeckt, da die Anzeigestufe des späteren Code höher ist. wie folgt:
Beispiel:
5. Float : links , rechts Wenn Sie links und rechts sind , müssen Sie keinen Ort angeben ( links und oben ), aber er ist direkt zum Browser. Wenn die Außenseite eingewickelt ist, wird die obere linke oder obere rechtliche Position der entfernten Reihe relativ zum externen Div angezeigt. Zusätzlich: 1. Überlauf: versteckt; // sich jenseits des Teils verstecken; Scrollen Sie die Bildlaufleiste an.<div>/div> // den Fluss abschneiden
2. Cursor: Die Form der Zeigermaus, wenn sie darauf hinweist;
3. Durchscheinender Effekt:
<div class = box> transparenter Bereich <div>
Der Code im Stylesheet lautet:
.Kasten
{
Deckkraft: 0,5; -moz-opacity: 0,5; Filter: Alpha (Deckkraft = 50)
}
Um das Praxisbeispiel zusammenzufassen: Teil des Formatlayouts der Adva -Website
HTML -Code: XML/HTML -Code -Inhalt in die Zwischenablage kopieren