Apa yang susun atur blok? Bagaimana untuk mengenakan satu halaman laman web anda sendiri?

Ada keinginan untuk belajar untuk membuat laman laman anda sendiri? Kemudian mari kita telah menguasai apa susun atur blok. orang baru Layout memenuhi beberapa masalah, mereka mempunyai banyak soalan. Pertimbangkan apa yang blok coding.

Tips utama

Gunakan editor WYSIWYG, jadi segala-galanya adalah lebih jelas. Mereka yang tahu HTML baik, kerja-kerja dalam buku nota, kerana mereka memahami segala-galanya. Dan baru boleh mengambil kesempatan daripada program seperti FrontPage atau, sebagai contoh, Dreamweaver.

Jenis laman susun atur

Terdapat beberapa jenis susun atur:

1. Jadual.
2. Block.
3. Bercampur-campur.

Kami berminat dalam susun atur blok. Apa yang membezakan ia dari meja? Susun atur blok menggunakan tag DIV mempunyai kelebihan tertentu:

1. Memuatkan dengan reka bentuk blok lebih cepat.
2. Kandungan yang dipaparkan blok (tidak seperti jadual) sebagai muat turun berlaku. Seperti diketahui, jadual ini akan memaparkan hanya selepas seluruh meja.
3. Kod dengan div-s lebih mudah dibaca.

Ia bukan semua kelebihan, yang terkenal dengan susun atur blok.

Bagaimana untuk menukar tempat div-blok?

Ini akan membantu kami untuk terapung - hartanah ini, yang mampu daripada yang berikut:

1. Jajar kiri - kiri.
2. Untuk menyelaraskan betul - betul.
3. Element kekal di mana beliau, dia tidak akan bergerak jika diberi tiada. Nilai ini akan menjadi lalai.

Satu lagi ciri penting yang kita perlukan - jelas. Dia mungkin mempunyai 4 nilai:

1. Untuk pemasangan di bawah item sebelumnya, bergerak ke kanan, blok - betul.
2. set kiri di bawah elemen sebelumnya, yang berpindah ke kiri.
3. Kedua-dua - Pemasangan blok pelarian sebelumnya.
4. Tiada menunjukkan ketiadaan sekatan ke atas kedudukan blok berbanding dengan unsur-unsur yang digerakkan.

contoh

Pertimbangkan bagaimana ia akan kelihatan seperti blok div susun atur. Kita menulis kod kami:

Di bawah kod yang anda lihat hasilnya. Oleh itu, atas dasar beberapa hartanah boleh dikawal susunan blok seperti yang dikehendaki. Pergi ke masa yang akan datang. Kami telah menggunakan text-align: center, untuk menyelaraskan setiap blok untuk mana-mana pelayar.

Seperti yang anda boleh lihat, ia adalah susun atur blok agak mudah laman web ini. Adalah penting untuk mengkaji dan mengamalkan lebih sifat-sifat yang akan mewujudkan struktur yang lebih fleksibel halaman.

Sesuatu yang lebih penting

Terdapat satu ciri yang paling popular yang digunakan dalam susun atur - kedudukan, ia digunakan untuk meletakkan.

Nilai untuk sifat-sifat kedudukan:

1. Relative - menetapkan kedudukan unsur-unsur relatif ke lokasi asal mereka. Permohonan kiri, atas, kanan untuk ke kawalan, bawah bergerak elemen dalam arah tertentu.
2. Static - item paparan normal. Ia tidak masuk akal untuk menggunakan kanan / kiri, atas / bawah - ia boleh membawa kepada apa-apa.
3. Mutlak - mutlak kedudukan unsur.
4. Tetap - sama mutlak. Ia terikat untuk titik tertentu pada skrin, tetapi ia tidak mengubah kedudukannya, walaupun halaman Melibas.

Banyak susun atur perasan bahawa apabila menggunakan kedudukan tetap, mutlak dan relatif blok ditindih. Dan kemudian menarik untuk mengetahui bahawa mana-mana blok di bawah, yang di atas. Untuk menjawab soalan ini, anda perlu harta z-index. Ia membawa blok susun atur ke tahap yang baru. Ini menjadikan ia mungkin bukan sahaja untuk membuat kedudukan kapal terbang, tetapi juga melalui Z. paksi ketiga Nilai harta itu boleh menjadi positif atau negatif.

Buat 3 blok. Seterusnya, eksperimen dengan pemposisian mutlak.

Seperti yang anda lihat, ia adalah mudah untuk mengubah kedudukan blok. Berdasarkan hakikat bahawa anda kini boleh, untuk membuat mana-mana halaman susun atur blok asas. Memohon hartanah lagi anda akan meningkatkan kemahiran anda.