«informatika va axborot teхnologiyalar»



Download 0,86 Mb.
Pdf ko'rish
bet5/9
Sana31.12.2021
Hajmi0,86 Mb.
#220656
1   2   3   4   5   6   7   8   9
Bog'liq
informatika

 

 

CSS ni HTML hujjatda qo’llash 

 

Kaskad  jadvallar  stilini  faqatgina  CSS  da  emas,  balki  XSL  da  ham  yozish 



mumkin.Odatda  stillar  jadvali  tilini  o’rnatish  uchun  META  elementidan  foydalaniladi.  Bu 

elementdan hujjatning HEAD bolimiga joylashuvchi turli tuman xizmatchi axborotlarni berishda 

foydalaniladi:  

  

<МЕТА http - equiv="Content-Style-Тype" content="text/css">  

  

http-equiv="Content-StyleТype" atributi, bu META element   kaskad jadvallar stiliga tegishli 

ekanini bildiradi, content="text/css" atributi esa jadvallar stili CSS tilida yozilganini ko’rsatadi. 



Inline stilidan foydalanish 

Bu usul hujjatni istalgan joyida style atributini qo’llash bilan yoziladi. Masalan: 




<Н1 > Yashil sarlavha  

Bu holda hujjatni ichidagi faqat bitta sarlavha yashil rangda bo’ladi. 



Embeding stilidan foydalanish 

Hujjatning HEAD bo’limiga stil qoidalari kiritiladi, bu qoidalar  

va  elementlar ichiga yoziladi. 

  

Н1{ color:green  }  



 

Bu  holda  berilgan  hujjatdagu  hamma  birinchi  darajali  (H1)  sarlavhalar  yashil  rangda 

bo’ladi.   

STYLE, elementini yana bir atributi, media quyidagi qiymatlarni qabul qilishi mumkin.  

   screen  -  kompyuter ekranlari uchun;  

   tty – simvollarni aks ettirish cheklangan qurilmalar,terminal,teletayp va xokazo

   tv –televizor tipidagi qurilmalar;  

   projection –proyektor tipidagi qurilmalar uchun.  

   handheld – mobil telefon, cho’ntak kompyuterlari uchun;  

   print – pechatga chiqaruvchi qurilma yoki pechatni oldindan ko’rib chiqish rejimi;  

   braille –Brayl alfavitli qurilmalar uchun( ko’rish qobiliyati pastlar);  

   aural –ovozni sintezlash qurilmalari uchun;  

   all – hamma qurilmalar uchun. 

Misol keltiramiz: 



 

  


   

  @media 

   

   @media screen {/* brauzerda aks ettitish uchun stil */ 

    BODY { 

     font-family:  Arial,  Verdana,  sans-serif;  /*  shriftni  turi 

*/ 

     font-size: 90%; /* shriftni o’lchami */ 



     color: #000080; /* Matnni rangi */ 

    } 


    H1 { 

     background: #faf0e6; /* Matnni tagidagi fon rangi */ 

     border: 2px dashed #800000; /* sarlavha atrofidagi ramka */ 

     color: #a0522d; /* Matnni rangi */ 

     padding: 7px; /* Matnatrofidagi hoshiya */ 

    } 


    H2 { 

     color: #556b2f; /* Matnni rangi */ 

     margin: 0; /* otstuplarni yo’qotamiz */ 

    } 


    P { 

     margin-top: 0.5em; /* yuqori otstup */ 

    } 

   } 


   @media print { /* pechat uchun stil */ 

    BODY { 

     font-family: Times, 'Times New Roman', serif;  

    } 


    H1, H2, P { 

     color: #000; /* Matnqora rangda */ 




    } 

   } 


   

  

  


Download 0,86 Mb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6   7   8   9




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

kiriting | ro'yxatdan o'tish
    Bosh sahifa
юртда тантана
Боғда битган
Бугун юртда
Эшитганлар жилманглар
Эшитмадим деманглар
битган бодомлар
Yangiariq tumani
qitish marakazi
Raqamli texnologiyalar
ilishida muhokamadan
tasdiqqa tavsiya
tavsiya etilgan
iqtisodiyot kafedrasi
steiermarkischen landesregierung
asarlaringizni yuboring
o'zingizning asarlaringizni
Iltimos faqat
faqat o'zingizning
steierm rkischen
landesregierung fachabteilung
rkischen landesregierung
hamshira loyihasi
loyihasi mavsum
faolyatining oqibatlari
asosiy adabiyotlar
fakulteti ahborot
ahborot havfsizligi
havfsizligi kafedrasi
fanidan bo’yicha
fakulteti iqtisodiyot
boshqaruv fakulteti
chiqarishda boshqaruv
ishlab chiqarishda
iqtisodiyot fakultet
multiservis tarmoqlari
fanidan asosiy
Uzbek fanidan
mavzulari potok
asosidagi multiservis
'aliyyil a'ziym
billahil 'aliyyil
illaa billahil
quvvata illaa
falah' deganida
Kompyuter savodxonligi
bo’yicha mustaqil
'alal falah'
Hayya 'alal
'alas soloh
Hayya 'alas
mavsum boyicha


yuklab olish