SAVOL-CSSда margin хусусиятлари: margin, margin-top, margin-right, margin-bottom, marginleft. Изоҳланг ва мисоллар келтиринг..
JAVOB
1.CSSda Margin xususiyatlari 4 xil margin bu xususiyat bir deklaratsiya barcha xususiyatlarini belgilash uchun ishlatiladi.
1.margin-left bu elementning chap chetini o'rnatish uchun ishlatiladi.
2.margin-o'ng u element o'ng chegarasiga o'rnatish uchun ishlatiladi.
3.margin-top bu element yuqori chegarasiga o'rnatish uchun ishlatiladi.
4.margin-bottom u element pastki chegarasiga o'rnatish uchun ishlatiladi.
CSS Margin mulk elementlar atrofida oraliq aniqlash uchun ishlatiladi. Bu butunlay shaffof va hech qanday fon rangi yo'q. Bu element atrofida bir maydon tozal1aydi.
Top, bottom, chap va o'ng chet alohida xususiyatlari yordamida mustaqil ravishda o'zgartirilishi mumkin. Bundan tashqari, stenografiya Margin mulkni foydalanib birdaniga barcha xususiyatlarini o'zgartirish mumkin.
Misol:
< tanasi>
ushbu bandda belgilangan hoshiya ko'rsatilmagan.
bu paragraf belgilangan margin bilan ko'rsatiladi.
SAVOL - CSSда padding хусусиятлари: padding, padding-top, padding-right, padding-bottom, padding-left. Изоҳланг ва мисоллар келтиринг.
JAVOB- Padding xususiyati elementning barcha tomonlaridan ichki chuqurliklarni/maydonlarni belgilaydi. Chuqurlik maydoni elementning mazmuni va uning chegarasi o'rtasidagi bo'shliqdir. Salbiy qadriyatlarga yo'l qo'yilmaydi.
Padding xususiyati har bir tomon uchun alohida qoida yozmaslik uchun xususiyatlarni yozishning qisqa shakli (padding-top, padding-right, padding-bottom, padding-left).
Dastlabki qiymat, bu xususiyatning har birida bo'lgani kabi:
padding-bottom: 0
padding-left: 0
padding-right: 0
padding-top: 0
Table-row-group, table-header-group, table-footer-group, table-row, table-column-group va table-columndan tashqari barcha elementlarga qo'llaniladi. Bu, shuningdek, uchun amal qiladi:: birinchi-letter va: birinchi-line.
Meros qilib olinmagan
Foizlar o'z ichiga olgan blokning kengligiga ishora qiladi
Qiymatni qayta ishlash, shuningdek, bu xususiyatning har biri:
padding-bottom: foiz yoki mutlaq uzunlik
padding-chap:foiz yoki mutlaq uzunlik
padding - o'ng: foiz yoki mutlaq uzunlik
padding-top: foiz yoki mutlaq uzunlik
Animatsiya turi uzunligi
Sinopsis
/ * Barcha 4 tomonlar uchun amal qiladi */
padding: 1em;
/ * Vertikal | gorizontal */
padding: 5% 10%;
/ * Yuqori / gorizontal / pastki */
padding: 1em 2em 2em;
/ * Yuqori / O'ng | Pastki / Chap */
padding: 2px 1em 0 1em;
/ * Global qadriyatlar */
padding: inherit;
padding: initial;
padding: unset;
Qiymatlar
Quyidagi bir, ikki, uch yoki to'rtta qiymatni belgilang:
Noma'lum, qattiq o'lchamlarni o'rnatadi. Batafsil ostida.
Ota-ona blokining kengligi haqida.
Bir qiymat barcha to'rt tomonga qo'llaniladi
Ikki qiymat qo'llaniladi: 1. yuqori va pastki va 2. chap va o'ng tomonlar
Uchta qiymat qo'llaniladi: 1. yuqori, 2. chap va o'ng va 3. pastki tomonlar
To'rtta qiymat qo'llaniladi: 1. yuqori, 2. o'ng, 3. pastki va 4. chap tomon
SAVOL- CSSда орқа фон хусусиятлари: background-attachment. Изоҳланг ва мисоллар келтиринг.
JAVOB- Background-attachment xususiyati fon tasvirini elementning mazmuni bilan birga aylantiradimi-yo'qligini aniqlaydi. Rasm sobit bo'lishi va harakatsiz qolishi yoki hujjat bilan birgalikda harakatlanishi mumkin. CSS3-da, bir qator fon tasvirlari uchun bir nechta qiymatlarni belgilashingiz mumkin.
Синтаксис
CSS2.1
|
background-attachment: fixed | scroll | inherit
|
CSS3
|
background-attachment: fixed | scroll | local[, fixed | scroll | local]*
|
Qiymatlar
Fixed Elementning fon tasvirini harakatsiz qiladi.
Scroll Fonni kontent bilan birga ko'chirishga imkon beradi.
Inherit Ota-onaning ahamiyatini meros qilib oladi.
Local Fon elementning xatti-harakatlarini hisobga olgan holda belgilanadi. Agar element aylantirilsa, fon kontent bilan birga siljiydi,lekin elementdan tashqariga chiqadi.
Misol 1
background-attachment
body {
background-image: url(images/help.png); / * fon tasviriga yo'l */
background-attachment: ruxsat etilgan; / * veb-sahifaning fonini aniqlang */
}
Matn namunasi
Do'stlaringiz bilan baham: |