Animal Trading cards


Yanada ko‘proq “CSS” o‘rganish


Download 5.19 Mb.
bet27/44
Sana12.11.2023
Hajmi5.19 Mb.
#1768393
1   ...   23   24   25   26   27   28   29   30   ...   44
Bog'liq
FrontEnd uz Final

29. Yanada ko‘proq “CSS” o‘rganish


"CSS" bo‘yicha ma’lumotnoma
Bu yerdan "MDN"ning "CSS" bo‘yicha ma’lumotnomasini topishingiz mumkin:
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
1-savol
Internetda va poligrafiyada sarlavhalar ko‘pincha "Small Caps" uslubidan foydalanadi, bu yerda quyi registr bilan yo‘zilgan harflar kichik harflarga almashtiriladi.

"CSS"da "Kichik harflar" uslubini qanday qilish kerakligini qidirish uchun MDN hujjatlari yoki o‘zingizga maqul qidiruv tizimidan foydalaning.

Izoh:
Keyinchalik ushbu darsda shriftlar haqida ko‘proq ma’lumot olasiz.

31. Amaliy mashg‘ulot — Uslub berishning 3 yo‘li


Oldin ko‘rib turganingizdek, biz "CSS" kodini to‘g‘ridan-to‘g‘ri "HTML"ga joylashtira olmaymiz, chunki brauzer buni "HTML" deb qabul qiladi. Buning o‘rniga, kodni "CSS" kod sifatida o‘qishi uchun, brauzerga aniq buyruq berishimiz kerak.
1-savol
Bu yerda bir nechta matnlarga "CSS" uslubini qo‘llashga harakat qilingan:
color: blue;


Hello!


Will this work?

Izoh:
Yodingizda bo‘lsin, color:blue; bu "CSS" tiliga tegishli, ya’ni bu "HTML"dan boshqa tildir! Biz "CSS" kodni "HTML" hujjatining o‘rtasiga joylashtira olmaymiz - brauzer kodni "HTML" deb talqin qiladi va uni qanday izohlashni bilmaydi (aslida, bu holda u ekranda shunchaki color:blue;' xossasini matn sifatida korsatadi).
2-savol
U holda, ushbu kod...
color:blue


Hello!


... ishlamaydi. Ammo brauzer ushbu sahifani ko‘rsatishga harakat qilganda aslida nima sodir bo‘ladi? (Buni o‘zingiz sinab ko‘ring!)

3-savol
Hozirgina ko‘rgan kodni tuzatish uchun bir oz harakat qilib ko‘ramiz. Ushbu yondashuvlardan qaysi biri ishlaydi va Hello! matniga ko‘k rang beradi?

Endi sizning navbatingiz! Quyidagi ish maydonida kimdir bir nechta matnlarga ba’zi bir uslublarni qo‘llashga harakat qilganini ko‘rasiz, lekin bu urunishlari natija bermagan. Buni tuzatishga harakat qilib ko‘ring!
Yonma-yon ko‘rish uchun uchta yo‘llardan har birini ishlatishga harakat qiling:

1   ...   23   24   25   26   27   28   29   30   ...   44




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