Contoh:
2. Posisi : Absolute Posisi absolut:1. Tidak ada posisi: absolut (atau relatif) pada lapisan luar; Kemudian div diposisikan relatif terhadap browser, seperti yang ditunjukkan pada gambar di bawah ini (50 piksel dari batas kanan browser dan 20 piksel dari perbatasan bawah).
2. Lapisan luar memiliki posisi: absolute (atau relatif); Kemudian div diposisikan relatif terhadap batas lapisan luar, seperti yang ditunjukkan pada gambar di bawah ini (50 piksel dari batas kanan D, dan 20 piksel dari batas bawah D).
Contoh:
3. Posisi : Relatif Posisi relatif:Seperti yang ditunjukkan pada gambar di bawah ini, itu tetap relatif terhadap posisi div tertentu yang berisi div ini. Jika lapisan luar tidak mengandungnya, itu akan diperbaiki relatif terhadap browser.
Contoh:
4. Layering ( z-index ) Lapisan dalam arah z -sumbu dapat dipahami sebagai membagi menjadi setumpuk kertas, dan semakin tinggi jumlah lapisan, semakin tinggi bagian atas.Dalam contoh di atas, kita melihat bahwa AA mencakup A, karena tingkat tampilan kode selanjutnya lebih tinggi, jadi bagaimana penutup AA tanpa mengubah urutan kode. sebagai berikut:
Contoh:
5. float : kiri , kanan Saat kiri dan kanan , Anda tidak perlu menentukan lokasi ( kiri dan atas ), tetapi langsung relatif terhadap browser. Jika bagian luar dibungkus, kiri atas atau kanan atas posisi baris yang dihapus relatif terhadap div eksternal ditampilkan. Tambahan: 1. Overflow: Tersembunyi; // Sembunyikan di luar bagian; Gulir, tampilkan bilah gulir;<div>/div> // memotong aliran
2. Kursor: Bentuk mouse pointer ketika menunjuk ke sana;
3. Efek tembus pandang:
<Div class = box> Area transparan <SEV>
Kode dalam stylesheet adalah:
.kotak
{
Opacity: 0,5; -Moz-opacity: 0,5; Filter: alpha (opacity = 50)
}
Untuk meringkas contoh praktik: bagian dari tata letak format situs web Adva
Kode HTML: Kode XML/HTML Salin Konten ke Clipboard