Muhammadqodir Zokirov 612-21 guruh talabasi Nazorat savollari


- jadval sarlavhasini aniqlaydi


Download 28.84 Kb.
Pdf ko'rish
bet2/2
Sana18.06.2023
Hajmi28.84 Kb.
#1581078
1   2
Bog'liq
muhammadqodir zokirov 4-dedline

    Bu sahifa navigatsiya:
  • HTML
 - jadval qatorlarini aniqlaydi;
 - jadval sarlavhasini aniqlaydi;
 - jadval ustunlarini aniqlaydi;
 - jadval o'rindagini aniqlaydi.
Jadvalning shakli va ko'rinishi CSS bilan tahrirlanishi mumkin.
5. CSS selektorlar vazifalari
CSS selektorlar, HTML elementlarini stil bilan ta'minlash uchun
foydalaniladigan qismlardir. Foydalanuvchi HTML elementlari
uchun belgilangan stil qoidalari selektorlar yordamida aniqlanadi.
Quyidagi selektorlar bilan HTML elementlari tanlanadi:
Element nomi selektori: HTML-da mo'ljallangan element nomi
yordamida elementlar tanlanadi. Masalan, body, h1, div kabi.
Id selektori: Elementlar unikal id atributiga ega bo'lishi mumkin,
shuning uchun id selektori # belgisi orqali aniqlanadi. Masalan,
#navbar, #content kabi.


Class selektori: Elementlar class atributi orqali belgilanishi
mumkin, shuning uchun class selektori . belgisi orqali aniqlanadi.
Masalan, .text-center, .primary-color kabi.
Universal selektor: Barcha elementlar uchun mo'ljallangan
selektor hisoblanadi. * belgisi orqali aniqlanadi.
Attribute selektori: Belgilangan atribut qiymati yoki atrributning
mavjudligiga ko'ra elementlar tanlanadi. Masalan, [type="text"],
[href="#"], [disabled] kabi.
Pseudo-selektorlar: Elementlar belgilangan holatda aniqlanadi.
Masalan, :hover, :active, :focus kabi.
Selektorlar, CSS qo'llaniladigan barcha elementlarni aniqlashda
va unga mos ko'rinishni berishda katta ahamiyatga ega.
6. CSS sinflar vazifasi.
CSS sinflari, belgilangan HTML elementlari uchun mo'ljallangan
stil qoidalarini aniqlash uchun foydalaniladigan bir nechta
atributlardan biridir. Sinflar, bir yoki bir nechta elementga bir
nechta stil qoidalari berishga imkon beradi va ularga mos
keladigan CSS stil qoidalari ko'rsatishga imkon beradi. CSS sinfi
attributi, class belgisini yordamida aniqlanadi va qo'shimcha stil
qoidalarini quyidagi ko'rinishda berish mumkin:
.my-class {
font-size: 18px;
color: #333;
text-align: center;
}
Bu yerda .my-class sinfi yaratilgan va bu sinfga mos keladigan
HTML elementlariga yuqoridagi stil qoidalari uyg'unlashgan holda
stil beriladi. Masalan, quyidagi HTML elementiga yuqoridagi sinf
tanlanadi:
Bu matn sinfga mos keladi

Bunday yordam orqali bir nechta elementlar qaysi sinflarga mos
kelishini aniqlab, ularga mos keladigan stil qoidalarni berish
imkoniyati yaratiladi. Bu usul barcha elementlarga o'zgartirish
kiritish yoki ularga mos keladigan stil qoidalarni birlashtirishning
qulay usulidir.


7. letter-spacing nima?
letter-spacing CSS stil xususiyati, belgilangan elementdagi harflar
orasidagi bo'shliqni (kichik-chiroyli ikkakchadan ko'p belgilardan
iborat) aniqlaydi. Harf o'lchamining o'zgarishiga olib kelmasdan,
harflar orasidagi masofa kattalashadi yoki kichiklashadi.
letter-spacing stil xususiyati quyidagi ko'rinishda ishlatiladi:
Bu yerda p elementidagi harflar orasidagi bo'shliq 1 piksel
kattalashadi.
letter-spacing xususiyatining manfi qiymatlari bor, ularga ulkan
harf orasidagi bo'shliqni kichraytiradi. Quyidagi misol h1 elementi
uchun letter-spacing xususiyatini manfi qiymat bilan ishlatishni
ko'rsatadi:
Bu yerda harflar orasidagi bo'shliq 1 piksel kichrayadi.
8. text-align nima?
text-align CSS stil xususiyati, belgilangan elementdagi matn yoki
harflar to'plamining qaysi tomonga mos kelishini aniqlash uchun
ishlatiladi. Bu xususiyat matn elementlari uchun ishlatiladi va
matn ni yuqori, o'rtada, pastda yoki ixtiyoriy bir yo'nalishda
qo'yishga imkon beradi. text-align stil xususiyatiga quyidagi
qiymatlar berilishi mumkin:


left: Matnni chap tomondan boshlash.
right: Matnni o'ng tomondan boshlash.
center: Matnni markaziy tarzda boshlash.
justify: Matnni qiymalash (uch-hujjat ichidagi qatorlar kichikayadi
va kattalashadi) va har bir qatordan keyin hamma qatolarni
bo'lishi uchun o'zaro mos qilish.
Quyidagi misol p elementidagi matnni markaziy tarzda (center)
yig'ishini ko'rsatadi:
Shu tarzda, text-align stil xususiyati barcha matn elementlarida
yordam beradi.
9. font-family nima?
font-family CSS stil xususiyati, belgilangan elementdagi matn yoki
harflar uchun qo'llaniladigan shrift turini aniqlaydi. Bu xususiyatga
bir yoki bir nechta shrift turlari berilishi mumkin. Tarjimai halda,
font-family stil xususiyati, matndagi harflarni qanday ko'rsatish
kerakligini va ularga mos keladigan shrift turini aniqlaydi.
Quyidagi ko'rinishda font-family xususiyati ishlatilgan misolni
ko'rsatamiz:
Bu yerda p elementi uchun 3 ta shrift turi belgilangan. Agar
brauzer foydalanuvchi kompyuteringizda "Times New Roman"
shrift turi mavjud bo'lmasa, brauzer bu qatorni ikkinchi tanlangan


Times shrift turida ko'rsatadi. Agar bu shrift turi ham topilmasa,
brauzer sari-sari serif turidagi shrift turlaridan birini ishlatadi.
Bunday shaklda ko'rsatilgan shartli shrift turlari, matndagi
harflarni mos keladigan va foydalanuvchi tizimining yuklab olishi
mumkin bo'lgan shriftlarni belgilashga imkon beradi.
10. Background nima?
background CSS stil xususiyati, belgilangan elementning fon
rangini, rasmini yoki boshqa xususiyatlarini aniqlaydi. background
stil xususiyati har qanday HTML elementiga qo'llanilishi mumkin,
masalan, body, div, p, h1 va boshqalariga.
background xususiyati quyidagi xususiyatlardan foydalanishi
mumkin:
background-color: Elementning fon rangini belgilash uchun
ishlatiladi.
background-image: Elementning fonida ko'rsatiladigan rasmda
ishlatiladi.
background-repeat: Rasmni qanday ko'rsatishni aniqlash uchun
ishlatiladi, masalan, repeat, no-repeat, repeat-x, repeat-y.
background-position: Rasmni elementning qaysi nuqtasidan
boshlashni aniqlash uchun ishlatiladi.
background-size: Rasmning o'lchamini belgilash uchun ishlatiladi.
Quyidagi misol body elementini yashil rangli fon bilan ajratadi:


Quyidagi misol div elementini rasmla ajratadi:
background stil xususiyatiga yuqoridagi xususiyatlar va boshqa
xususiyatlar ham qo'llanish mumkin.

Download 28.84 Kb.

Do'stlaringiz bilan baham:
1   2




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