O‘ZBEKISTON RESPUBLIKASI AXBOROT TEXNOLOGIYALARI VA KOMMUNIKATSIYALARINI RIVOJLANTIRISH VAZIRLIGI MUHAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI QARSHI FILIALI Web dasturlashga kirish
2-amaliy ish Mavzu: CSS bilan HTML hujjatni bog'lash usullari..CSS sintaksisi. Selektor turlari. CSS rang berish usullari, chegara,orqa fon, shrift margin va padding xususiyatlari.Box model tushunchasi.Box model qoidalari. CSS3 effektlari, transformasiya,animasiyalar bilan ishlash. Topshirdi: Mustafoyev.B Qabul qildi: Andaqulov.Sh
CSS da bog'lash turlari CSS Qanday qilib bog'lash
Bugungi darsimizda qanday qilib HTML kodlari orasiga CSS ni qo'shishni
o'rganamiz. Siz brauzeringizni tayyorlab turing, biz darsimizni
boshlaymiz. CSS ni qo'shishni 3 xil yo'li mavjud bo'lib ular quyidagilar:
Tashqi dizayn orqali
Ichki dizayn orqali
Ichki qator orqali
Tashqi dizayn orqali
Tashqi dizayn orqali siz o'z veb sahifangizni ko'rinishini oddiygina bitta
faylni o'zgartirish orqali amalga oshirasiz. Buning uchun har bir veb-
sahifada tashqi dizayn uchun "file link" elementi orqali chaqirilgan
bo'lishi kerak. elementni bo'limini ichida yuritiladi.
Namuna:
Ushbu fayl biror bir matn muharririda yozilgan bo'lishi, unda hech
qanaqa html teglari ishlatilmasligi va .css bilan saqlangan bo'lishi kerak.
Quyida siz &blockquote;meningdizaynim.css&blockquote; fayl bilan
tanishasiz.
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
Namuna:
Ichki qator orqali
Ichki qator orqali biz veb-sahifadagi aynan biror elementga o'ziga xos
ko'rinish berish uchun ishlatamiz.
Namuna: