Талбайн хүснэгт, блок гэсэн хоёр хэлбэр байдаг. Эхнийх нь энгийн HTML хуудас үүсгэхэд илүү тохиромжтой байдаг бол, хэрэв та тус тусад нь элементүүдийг блок хэлбэрээр нэмэх шаардлагатай бол хамгийн тохиромжтой.
Зааварчилгаа
1-р алхам
Блокны дизайныг өөрөө боловсруулах боломжийг танд олгох хоёр арга байдаг: каскад хэлбэрийн хэвлэмэл хуудсыг баримт бичигт оруулах, эсвэл гадны эх үүсвэрээс холбох. Хоёулаа ижил үр дүн өгдөг тул тэдгээрийн хооронд үндсэн ялгаа байхгүй болно. Эхний тохиолдолд дараахь кодыг style.css файлын хаана ч байрлуул.
.block1 {
}
Block1 - блокийн нэр, та өөр бусад зүйлийг бичиж болно. Буржгар хаалтуудын хооронд параметрүүдийг дараах форматаар зааж өгнө үү: атрибутын нэр> хоёр цэг> утга> цэг таслал (үүнд буржгар бэхэлгээний өмнө байрлуулсан). Дараахь элементүүдийг ихэвчлэн ашигладаг:
- өргөн - өргөн (500px, 100% гэх мэт);
- өндөр - өндөр (200px, 25% гэх мэт);
- дэвсгэр - дэвсгэр өнгө (Шар, Улаан, # 000000);
- дүүргэх - блок доторх агуулгыг тойрон дүүргэх (0px, 20%);
- маржин - блокоос гаднах зах (15px, 40%);
- хүрээ - хүрээ (хүрээ: хатуу 0px хар;);
- хөвөх - тохируулга (зүүн, баруун);
- border-radius - булангуудыг бөөрөнхийлөх (border-radius: 10px;).
Алхам 2
CSS-ийн хоёрдахь хэрэглээнд ба хаягуудын хоорондох хэв маягийг нэмнэ үү.
.block1 {
}
Мөн хүссэн параметрээ нэмнэ үү.
Алхам 3
Дараах командыг ашиглан сайтын хүссэн газарт блокоо оруулна уу.
Блок 1
Хуудсыг хадгалж сэргээнэ үү, гарч ирэх ёстой. Өндөр зэрэгцүүлэлт нь агуулга хэр бүрэн дүүрэн байгаагаас хамаарч өөр өөр байж болно гэдгийг санаарай. Жишээлбэл, хэрэв та 300px гэж тохируулсан боловч зөвхөн нэг мөр текст бичсэн бол үүнийг бүрэн харуулахгүй. Жишээлбэл, шаардлагатай параметрүүд бүхий хүснэгтийг ашиглан блок дотор байрлуулах хэрэгтэй. хаягуудын хооронд ба. Хүрээ харагдахгүй байхын тулд шинж чанараа оруулна уу
