Apakah kedudukan halaman web statik?

Kedudukan halaman web statik termasuk kedudukan statik, kedudukan relatif, kedudukan mutlak, kedudukan tetap, kedudukan melekit, dsb. Pengenalan terperinci: 1. Kedudukan statik, iaitu kaedah penentududukan lalai unsur Dalam kedudukan statik, elemen dibentangkan dalam susunan ia muncul dalam dokumen HTML dan tidak boleh dilaraskan melalui atribut lain . Kedudukan mereka; dll.

Sistem pengendalian untuk tutorial ini: sistem Windows 10, komputer DELL G3.

Halaman web statik merujuk kepada halaman web yang kandungannya tidak berubah dengan operasi pengguna. Apabila membangunkan halaman web statik, kita perlu menetapkan kedudukan untuk elemen (seperti teks, imej, video, dll.) untuk memastikan ia dipaparkan dan dibentangkan dengan betul pada halaman. Berikut ialah beberapa kaedah penentududukan halaman web statik biasa:

1 Kedudukan statik (statik): Ini ialah kaedah penentududukan lalai bagi elemen. Dalam kedudukan statik, elemen dibentangkan mengikut susunan ia muncul dalam dokumen HTML. Ia tidak dipengaruhi oleh unsur lain dan kedudukannya tidak boleh dilaraskan melalui sifat atas, kanan, bawah dan kiri.

2. Kedudukan relatif (relatif): Kedudukan relatif adalah relatif kepada kedudukan awal elemen dalam dokumen. Dengan menetapkan sifat atas, kanan, bawah dan kiri, anda boleh mengalihkan elemen berbanding kedudukan awalnya. Kedudukan relatif tidak menjejaskan susun atur elemen lain, jadi elemen lain masih dibentangkan mengikut susunan ia muncul dalam dokumen.

3. Kedudukan mutlak (mutlak): Kedudukan mutlak diposisikan secara relatif kepada elemen nenek moyang kedudukan terdekat, maka ia akan diposisikan secara relatif kepada kedudukan awal dokumen. Dengan menetapkan atribut atas, kanan, bawah dan kiri, anda boleh meletakkan elemen di tempat yang anda inginkan. Kedudukan mutlak mengalih keluar elemen daripada aliran dokumen biasa, jadi susun atur elemen lain terjejas.

4. Kedudukan tetap (tetap): Kedudukan tetap diletakkan relatif kepada tetingkap penyemak imbas. Tidak kira bagaimana pengguna menatal halaman, elemen kedudukan tetap akan sentiasa kekal dalam kedudukan yang sama dalam tetingkap. Dengan menetapkan sifat atas, kanan, bawah dan kiri, anda boleh membetulkan elemen pada kedudukan yang diingini. Kedudukan tetap juga mengalih keluar elemen daripada aliran dokumen biasa, jadi susun atur elemen lain terjejas.

5 Kedudukan melekit (melekit): Kedudukan melekit diposisikan berbanding kedudukan elemen dalam aliran dokumen biasa dan elemen nenek moyang terdekat dengan mekanisme penatalan. Apabila halaman menatal ke lokasi tertentu, elemen berkedudukan melekit kekal di lokasi tersebut. Dengan menetapkan sifat atas, kanan, bawah dan kiri, anda boleh melaraskan offset elemen pada kedudukan tertentu. Kedudukan melekit mungkin tidak disokong dalam sesetengah penyemak imbas.

Di atas adalah kaedah penentududukan yang biasa digunakan dalam halaman web statik. Berdasarkan keperluan sebenar dan keperluan reka bentuk, kita boleh memilih kaedah penentududukan yang sesuai untuk susun atur dan meletakkan elemen pada halaman untuk mencapai kesan yang diingini.

Atas ialah kandungan terperinci Apakah kedudukan halaman web statik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!