Sayt joylashuvining ikki turi mavjud: jadvalli va bloklangan. Va birinchisi oddiy HTML-sahifalarni yaratish uchun qulayroq bo'lsa, ikkinchisi bloklar shaklida alohida elementlarni qo'shishingiz kerak bo'lsa, idealdir.
Ko'rsatmalar
1-qadam
Blok dizaynini o'zingiz ishlab chiqishga imkon beradigan ikkita usul mavjud: kaskadli uslublar jadvallarini hujjatga kiritish yoki ularni tashqi manbadan ulash. Ikkalasi ham bir xil natijani beradi, shuning uchun ular o'rtasida tub farq yo'q. Birinchi holda, quyidagi kodni style.css faylining istalgan joyiga joylashtiring:
.block1 {
}
Block1 - blok nomi, siz boshqasini yozishingiz mumkin. Jingalak qavslar orasidagi parametrlarni quyidagi formatda ko'rsating: atribut nomi> ikki nuqta> qiymat> nuqta-vergul (shu jumladan, jingalak qavs oldiga qo'yilgan). Odatda quyidagi elementlar qo'llaniladi:
- kenglik - kenglik (500 piksel, 100% va boshqalar);
- balandlik - balandlik (200 piksel, 25% va boshqalar);
- fon - fon rangi (sariq, qizil, # 000000);
- to'ldirish - blok ichidagi tarkibni to'ldirish (0px, 20%);
- margin - blokdan tashqi chegaralar (15px, 40%);
- chegara - ramka (hoshiya: qattiq 0px qora;);
- suzuvchi - tekislash (chapga, o'ngga);
- border-radius - burchaklarni yaxlitlash (border-radius: 10px;).
2-qadam
CSS-dan ikkinchi foydalanishda va teglar orasidagi uslubni qo'shing:
.block1 {
}
Va kerakli parametrlarni qo'shing.
3-qadam
Buyruq yordamida saytdagi kerakli joyga blok qo'ying:
Blok 1
Sahifani saqlang va yangilang, u paydo bo'lishi kerak. Shuni yodda tutingki, balandlikning hizalanishi tarkibning to'liqligiga qarab farq qilishi mumkin. Masalan, agar siz 300 pikselni o'rnatgan bo'lsangiz, lekin faqat bitta satr matnini yozsangiz, u to'liq ko'rinmaydi. Buni, masalan, blok ichida joylashtirilishi kerak bo'lgan kerakli parametrlarga ega jadval yordamida tuzatish mumkin, ya'ni. teglar orasida va. Chegaralar ko'rinmasligi uchun, atributni kiriting
