2. cssda shrift xususiyatlari: font, font-variant, font-w eight, font-style. Izohlang va misollar keltiring



Download 47,57 Kb.
Pdf ko'rish
Sana15.05.2021
Hajmi47,57 Kb.
#64368
Bog'liq
dilm2
diskret 9, O`zbеkistоndа sоliqlаrning tuzilish аsоslаri, 1. Bozor mexanizmi va uning elementlari, 14-мавзу. 2с амалий (1), ishlab chiqarish va istemol, 2112, КМК 2.01.16-97 Правила оценки, КМК 2.01.03-96 OK, 6-sinf-tarbiya


   2.CSSda  shrift xususiyatlari: font, font-variant, font-w-

eight,  font-style.   Izohlang  va  misollar  keltiring.

Ta'rif  va  foydalanish 

font  uchun  stenografiya  mulki  hisoblanadi

shrift   uslubida

shrift-variant

shriftning   vazni

shrift   hajmi / satr   balandligi

shrift-oila

Shriftning o'lchami va shrift-oila  qiymatlari talab qili-

nadi. Agar  boshqa qiymatlardan  biri etishmayotgan bo'lsa, ular-

ning  asl  qiymati  ishlatiladi.

CSS sintaksisi 

font: font-style font-variant font-weight font-size/line-height font-f-

amily|caption|icon|menu|message-box|small-caption|status-bar|initial|inhe

rit;


Misol

Shriftning boshqa ba'zi bir xususiyat qiymatlarini namoyish 

qilish.


The browser font used in captioned

controls.
  
The browser font  used in 

icon labels.


 
The browser font used  in 

dropdown menus.


  
The browser 

font used in dialog boxes.


 

smaller version of the caption font.


   
-bar">The  browser  font  used  in  the  status  bar.

CSS shriftlar  oilasi     Ta'rif  va  foydalanish 

font-familyMulk  bir  element  uchun  shrift  belgilaydi.

font-familyXususiyati «orqaga qaytish» tizim  sifatida  bir 

necha  harflarning  nomini ushlab mumkin. Agar brauzer birinchi 

shriftni  qo'llamasa,  u  keyingi  shriftni  sinab  ko'radi.

Shrift  familiyalarining  ikki  turi  mavjud:

familiya  nomi -  "vaqtlar", "kuryer", "arial" va  boshqalar

kabi  shrift  oilasining  nomi.

generic-family -  "serif", "sans-serif", "kursiv",  "xayolot", 

"monospace"  kabi  bir  avlodning  nomi.

O'zingiz xohlagan shrift  bilan boshlang va har doim 

boshqa oilaviy shriftlar mavjud bo'lmasa, brauzer umumiy  oilada 



shunga o'xshash shriftni tanlashiga ruxsat  berish  uchun har doim 

umumiy  oila  bilan  yakunlang.

Eslatma: Har  bir  qiymatni  vergul  bilan  ajrating.

Eslatma: Agar  shrift nomida bo'sh joy bo'lsa, uni kiritish ke-

rak. HTML-da "stil" atributidan foydalanganda bitta tirnoq ishla-

tilishi  kerak.

CSS  sintaksisi 

font-family: family-name|generic-family|initial|inherit;

Ikki  paragraf  uchun  shriftni  belgilang:

p.a {   font-family: "Times New Roman", Times, serif; }  

p.b {     font-family: Arial,  Helvetica,  sans-serif;  }

CSS shrift  o'lchamidagi xususiyat 

font-sizeMulk  bir  shrift  hajmini  belgilab  beradi.

CSS  sintaksisi 

font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smalle-

r|larger|length|initial|inherit;

Misol

Shrift  hajmini  turli xil  elementlar uchun  belgilang:



div.a {   font-size: 15px; }  div.b {   font-size: large; }

div.c {     font-size: 150%;  }




CSS shrift  uslubidagi xususiyat 

font-styleMulk bir  matn  uchun  shrift  uslubi  belgilaydi.

CSS  sintaksisi 

font-style:  normal|italic|oblique|initial|inherit;

Misol

Uch  paragraf  uchun  har  xil  shriftlarni  o'rnating:



p.a {   font-style: normal; }  p.b {   font-style: italic; } 

p.c {     font-style: oblique;  }

CSS shrift-variant xususiyati 

Misol


Paragrafni  kichik  harf  bilan  yozing:

p.small {     font-variant: small-caps;  }

Ta'rif  va  foydalanish 

Kichik bosh harfda barcha kichik harflar katta harflarga 

aylantiriladi. Biroq, o'zgartirilgan  katta harflar matndagi asl 

katta  harflarga qaraganda kichikroq  shrift  hajmida  ko'rinadi.

font-variant Matn kichik-kepkalar ko'rsatiladi bo'lishi kerak 

yoki  yo'qligini  xususiyat  shriftini.

CSS  sintaksisi 

font-variant:  normal|small-caps|initial|inherit;

CSS shrift-og'irligi xususiyati    Ta'rif  va  foydalanish



font-weightMulk matnda qalin yoki yupqa belgilar aks qan-

day  belgilaydi.

Misol

Uch paragraf uchun  har xil shrift  og'irligini belgilang:



p.normal {   font-weight: normal; }  p.thick {   font-w-

eight: bold;  }    p.thicker {    font-weight: 900;  }

CSS  sintaksisi 

font-weight:  normal|bold|bolder|lighter|number|initial|inherit;



Download 47,57 Kb.

Do'stlaringiz bilan baham:




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

    Bosh sahifa
davlat universiteti
ta’lim vazirligi
axborot texnologiyalari
maxsus ta’lim
zbekiston respublikasi
guruh talabasi
O’zbekiston respublikasi
nomidagi toshkent
o’rta maxsus
texnologiyalari universiteti
toshkent axborot
davlat pedagogika
xorazmiy nomidagi
rivojlantirish vazirligi
pedagogika instituti
Ўзбекистон республикаси
tashkil etish
haqida tushuncha
vazirligi muhammad
таълим вазирлиги
O'zbekiston respublikasi
toshkent davlat
махсус таълим
respublikasi axborot
kommunikatsiyalarini rivojlantirish
vazirligi toshkent
saqlash vazirligi
fanidan tayyorlagan
bilan ishlash
Toshkent davlat
Ishdan maqsad
sog'liqni saqlash
uzbekistan coronavirus
respublikasi sog'liqni
fanidan mustaqil
coronavirus covid
koronavirus covid
vazirligi koronavirus
covid vaccination
qarshi emlanganlik
risida sertifikat
sertifikat ministry
vaccination certificate
o’rta ta’lim
matematika fakulteti
haqida umumiy
fanlar fakulteti
pedagogika universiteti
ishlab chiqarish
moliya instituti
fanining predmeti