Muhammad al-Xorazmiy nomidagi Toshkent axborot texnologiyalar universiteti Fan nomi: Web dasturlashga kirish


Download 105.61 Kb.
bet5/9
Sana16.06.2023
Hajmi105.61 Kb.
#1518252
1   2   3   4   5   6   7   8   9
Bog'liq
webbb

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 selektori- bu CSS qoidasining ajralmas qismi bo'lib, ushbu qoidada ko'rsatilgan dizayn uslublari qo'llaniladigan maxsus html teglarini aniqlash uchun javobgardir.
Shunday qilib, selektorlar tufayli brauzer sahifa kodining qaysi elementlari muayyan dizayn uslublarini qo'llash kerakligini tushunadi.
CSS-dagi elementlarni tanlash vositasi alohida kod elementlarini va u yoki bu xususiyat bilan aniqlangan elementlarning butun guruhlarini tanlash uchun juda moslashuvchan va qulaydir.


Download 105.61 Kb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6   7   8   9




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