Terdapat dua jenis susun atur laman web: tabular dan blok. Dan sementara yang pertama lebih senang untuk membuat halaman html yang mudah, yang kedua sangat sesuai jika anda perlu menambahkan elemen individu dalam bentuk blok.
Arahan
Langkah 1
Terdapat dua teknik yang membolehkan anda mengembangkan reka bentuk blok sendiri: dengan memasukkan helaian gaya lata ke dalam dokumen, atau dengan menghubungkannya dari sumber luaran. Kedua-duanya memberikan hasil yang sama, jadi tidak ada perbezaan mendasar di antara mereka. Dalam kes pertama, tampal kod berikut di mana sahaja dalam fail style.css:
.sekat1 {
}
Block1 - nama blok, anda boleh menulis yang lain. Di antara pendakap kerinting, tentukan parameter dalam format berikut: nama atribut> usus besar> nilai> titik koma (termasuk diletakkan sebelum pendakap keriting). Unsur-unsur berikut biasanya digunakan:
- lebar - lebar (500px, 100%, dll.);
- tinggi - tinggi (200px, 25%, dan lain-lain);
- latar - warna latar (Kuning, Merah, # 000000);
- padding - melapisi kandungan di dalam blok (0px, 20%);
- margin - margin luaran dari blok (15px, 40%);
- sempadan - bingkai (sempadan: hitam 0px padat;);
- apungan - penjajaran (kiri, kanan);
- sempadan-jejari - pembundaran sudut (sempadan-jejari: 10 piksel;).
Langkah 2
Pada penggunaan kedua CSS, tambahkan gaya antara dan tag:
.sekat1 {
}
Dan tambahkan parameter yang anda mahukan.
Langkah 3
Masukkan blok di tempat yang diingini di laman web menggunakan arahan:
Blok 1
Simpan dan muat semula halaman, ia akan muncul. Perlu diingat bahawa penjajaran ketinggian mungkin berbeza-beza bergantung pada seberapa penuh isi. Contohnya, jika anda menetapkan 300 piksel, tetapi hanya menulis satu baris teks, ia tidak akan dipaparkan secara lengkap. Ini dapat diperbaiki, misalnya, menggunakan tabel dengan parameter yang diperlukan, yang harus ditempatkan di dalam blok, yaitu. antara teg dan. Dan agar sempadan tidak kelihatan, masukkan atribut
