“Bir million o‘zbek dasturchilari” loyihasining

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:

•