margin-left: 20px;
}
Ichki dizayn orqali Biror bir veb sahifaga o'ziga xos dizayn bermoqchi bo'lsak, ichki dizayndan foydalanganimiz qulay. Buning uchun barcha yoziladigan kodlar
Ichki qator orqali Ichki qator orqali biz veb-sahifadagi aynan biror elementga o'ziga xos ko'rinish berish uchun ishlatamiz.
Namuna:
Bu Sarlavha
Turli xil ko'rinishli dizayn Bulardan tashqari, yana bitta yo'l orqali css chaqirishimiz mumkin. Bu yo'l turli xil ko'rinishli dizayn bo'lib, bu yo'l orqali htmldagi aytaylik biror elementga odatdagidan boshqacharoq ko'rinish berish kerak, shu yo'l orqali biror elementga o'zi meros qilib olgan ko'rinishni o'zgartirishimiz mumkin. Tasavvur qiling tashqi ko'rish orqali
ning elementini rangi yashil deb e'lon qilingan bo'lsin.
Namuna:
h1 {
color: navy;
}
Agar ichki ko'rinish, tashqi ko'rinishdan keyin e'lon qilingan bo'lsa,
elementi ko'k tusni oladi.
Namuna:
Agar tashqi ko'rinish, ichki ko'rinishdan keyin e'lon qilingan bo'lsa,
elementi yashil tusni oladi.
Namuna:
Ketma-ketlik tartibi Agar veb sahifada bir nechta yuqorida aytilgan dizaynlar ishlatilmoqchi bo'lsa qaysi biri birinchi bo'lib ishlatiladi? Odatga ko'ra, birinchi ichki qator undan keyin esa qolgan ikkitasi ishlatiladi. Siz yozib chiqqan css kodlarini turli xil brauzerlar bir oz farq bilan ochishi mumkin, shuni ham unutmang!
CSS-ni HTML-ga qanday qilib to'g'ri ulash mumkin
Keling, CSS-ni web-saytlar va ilovalarga qanday qo'llashni ko'rib chiqaylik. CSS - bu uslublar jadvali. Bu sizning saytingiz qanday ko'rinishga, dizayndagi dizaynga, shriftlarga, dizaynning joy'likka va tashkilot ko'rinishlarga bog'. Buning uchun veb-saytlar va veb-ilovalarni keraklida CSS-ni ishlatmasdan qilish ishlamaydi. Loyihangizni ishlab chiqarishda ushbu vositadan to'g'ri ketkazishga olish.
HTMLda uslublarni o'rnatish
HTMLda bir nechta global teglar mavjud:
- butun sahifani unga o'rab oladi.
- u dastur mantiqini yoki alohida skriptlarga havolani saqlashi mumkin.