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
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: Abdimo’minov.A 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
Ichki qator orqali
Ichki qator orqali biz veb-sahifadagi aynan biror elementga o'ziga xos ko'rinish
berish uchun ishlatamiz.
