Css da bog'lash turlari css ing. Cascading style sheets


Download 61.62 Kb.
bet3/4
Sana26.06.2023
Hajmi61.62 Kb.
#1655056
1   2   3   4
Bog'liq
CSS da bog

Namuna:
body {
background-color: lightblue;
}

h1 {
color: navy;


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.


Download 61.62 Kb.

Do'stlaringiz bilan baham:
1   2   3   4




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling