Css-4 Blokli va qator ichidagi moslashtirilgan

CSS-4

Blokli va qator ichidagi moslashtirilgan

Blokli va qator ichidagi moslashtirilgan

div & span

Blokli va qator ichidagi moslashtirilgan

div & span

Blokli va qator ichidagi moslashtirilgan

div & span

Blokli va qator ichidagi moslashtirilgan

div & span





Blokli va qator ichidagi moslashtirilgan
Blokli va qator ichidagi moslashtirilgan
display:block | inline
display:block; - enini to`liq egallaydi;
display:inline; - izma-iz taxlanadi;
display:inline-block; - gbrid;
display:none; - yo`qolib ketadi;
Orqa fonlar bilan ishlash
background-size: 100%; (ko`proq)
background-size: cover; (100% ga teng);
background-size: contain; (bo`yi bo`yicha egallaydi);
Orqa fonlar bilan ishlash
background-color - /* orqa fonga rang berish */
background-color padding + tana
Orqa fonlar bilan ishlash
background-image: url();
Orqa fonlar bilan ishlash
Orqa fonlar bilan ishlash
background-image: url();
/* orqa fonga rasm qo`yish*/
background-repeat: repeat | no-repeat | repeat-x | repeat-y;
/* orqa fon takrorlanishi*/
Orqa fonlar bilan ishlash
background-image: url();
background-repeat: repeat | no-repeat | repeat-x | repeat-y;
background-position: left top;
/*orqa fonni kerakli joyga joylashtirish*/
left
right
top
bottom
center
center
Orqa fonlar bilan ishlash
background-image: url();
background-repeat: repeat | no-repeat | repeat-x | repeat-y;
background-position: left top;
background-attachment: fixed(faqat shu qiymat);
/*orqa fonga qo`yilgan narsani qotirib qo`yish*/
Orqa fonlar bilan ishlash
background-image: url();
background-repeat: repeat | no-repeat | repeat-x | repeat-y;
background-position: left top;
background-attachment: fixed;
Css va jadvallar
Css va jadvallar
border-collapse: collapse;
Css va jadvallar
border-collapse: collapse;
/* cellspacing="0“ ga teng */
vertical-align: baseline | middle | top | bottom;
/* yacheyka ichidagi so`zning joylashishi(tepa,o`rta,tagida) */
Css va forma