Шакли тасвирҳо ва тасвирҳо дар намуди истифода
Бисёри одамон CSS-ро барои танзим кардани матн, тағир додани ҳарф, ранг, андоза ва бештар истифода мебаранд. Аммо як чизи бисёр одамон фаромӯш мекунад, ки шумо метавонед CSS-ро бо тасвирҳо истифода баред.
Тағйир додани тасвир
CSS ба шумо имкон медиҳад, ки тасвири тасвир дар саҳифа чӣ тавр нишон диҳед. Ин метавонад барои нигоҳ доштани саҳифаҳои худ дар ҳақиқат муфид бошад. Бо вуруди ставкаҳо дар ҳамаи тасвирҳо, шумо тасвири стандартиро барои тасвирҳои худ эҷод мекунед. Баъзе чизҳое, ки шумо метавонед кор кунед:
- Ба сарҳад ё намоиш дар атрофҳои тасвир илова кунед
- Сарҳади рангро дар расмҳои алоқаманд нигоҳ доред
- Тафтиши васеъ ва / ё баландии тасвирҳо
- Иловаи сояи задан
- Тасвирро тасвир кунед
- Ҳангоме ки тасвир баста мешавад, тарҳро тағйир диҳед
Ба туфайли тасвири худ сарҳад як ҷои хубе мебошад. Вале шумо бояд бештар аз ҳудуди сарҳадӣ фикр кунед - дар бораи тамоми канори симои худ фикр кунед ва ҳамроҳи маржинҳо ва фулуза низ танзим кунед. Сурат бо марзи тиллои сиёҳ хушк мешавад, вале илова кардани баъзе постинг байни сарҳад ва тасвири назаррас метавонад назаррас бошад.
Бояд гуфт,
сарҳад: 1px сиёҳ;
padding: 5px;
}}
Ин фикри хубест, ки агар имконпазир бошад ҳам, тасвирҳои ғайриоддӣ намебинанд . Аммо вақте ки шумо мекунед, фаромӯш накунед, ки бештари браузерҳо дар сарҳад бо ранги сурх ҷойгиранд. Ҳатто агар шумо кодеро тағйир диҳед, ки сарҳадро тағйир диҳад, пайвастшавиҳо беэътибор хоҳанд шуд, агар шумо маҳдудиятро аз пайвастшавӣ дур кунед. Барои ин шумо бояд қоидаҳои CSS-ро истифода баред, то ки сарҳадро дар атрофи пайвандҳои пайвастшавӣ тоза кунед ё тағйир диҳед:
Имом Ҳусайн (а)
сарҳад
}}
Шумо инчунин метавонед CSS-ро барои тағир додан ва баланд бардоштани баландии тасвирҳои худ истифода баред. Дар ҳоле, ки ин усули хубе барои истифодаи браузер барои тағир додани андозаи тасвир аз сабаби суръати боркунӣ, онҳо дар тасвири тасвирҳо беҳтар ба даст меоранд, то ки онҳо ҳанӯз хубтар назар мекунанд. Ва бо CSS шумо метавонед тасвирҳои худро ба ҳамаи паҳлӯи стандарт ё баландии муқаррарӣ ё ҳатто андозагирӣ ба муқоиса ба контейнер муайян кунед.
Дар хотир доред, ки вақте шумо тасвирҳоро тасаввур мекунед, барои натиҷаҳои беҳтар, шумо бояд фақат як андозаи андоза - баландии ё паҳншавӣ. Ин имкон медиҳад, ки тасвири миқдори ҷанбаи худро нигоҳ дорад, бинобар ин аҷиб нест. Арзиши дигарро барои худкор таъин кунед ё онро тарк кунед, то браузерро барои нигоҳ доштани суръати паҳлӯи муттасил гузоред.
Бояд гуфт,
width: 50%;
баландӣ: автомобил;
}}
CSS3 барои ҳалли ин проблема бо объектҳои нави объект ва объекти мавқеъ пешниҳод мекунад. Бо ин хосиятҳо, шумо метавонед тасвири дақиқ ва возеҳи тасвирро муайян кунед ва чӣ гуна таркиби зоҳириро бояд ба кор баред. Ин метавонад таъсири почтаи электронӣ дар гирду атрофҳои худ эҷод кунад ё барои гирифтани тасвири мувофиқ ба андозаи зарурӣ қодир бошад.
Ҳол он ки CSS3 объектҳои объективӣ ва объекти мавқеъи мавқеъ ба таври васеъ дастгирӣ намешаванд, хусусиятҳои дигари CSS3 вуҷуд доранд, ки дар бештари браузерҳои замонавӣ дастгирӣ мекунанд, ки шумо метавонед тасвирҳои худро тағйир диҳед. Чизҳое, ки ба монанди сояҳои паст, гӯшакчаҳо ва дигаргуниҳоро ба фишурдашуда, қошуқ ё кӯчондани тасвирҳои худро дар айни замон дар бештари браузерҳои муосир кор мекунанд. Шумо метавонед пас аз гузашти вақт CSS-ро истифода баред, то ки тасвирҳо ҳангоми бор кардан, ё тамомшуда ё танҳо пас аз як муддат тағйир диҳанд.
Истифодаи тасвирҳо ҳамчун замина
CSS осонтар аст, ки бо тасвирҳои худ ойинҳои зебо.
Шумо метавонед дар тамоми саҳифа ё ҷузъи алоҳидаи функсияҳо илова кунед. Эҷоди тасвири замина дар саҳифа бо манзараҳои манзилӣ - осон аст:
{
background-image: url (background.jpg);
}}
Интихоби ҷисм ба унсури махсус дар саҳифа барои тағир додани замина дар як ҷузъи.
Дигар чизи шавқоваре, ки шумо метавонед бо тасвирҳо кор кунед, тасвири заминаиро эҷод мекунад, ки бо боқимондаи саҳифа - ба монанди водоба ҳаракат намекунад. Шумо фақат замима кардани заминаро истифода карда истодаед: fixed; якҷоя бо симои аслии худ. Имкониятҳои дигар барои зеҳнии шумо инҳоро дар бар мегирад, ки онҳо филтрро танҳо уфуқӣ ё амудӣ истифода мебаранд.
Навъи такрорӣ - такроран такрор кунед: такрор-x; то тасвири уфуқӣ ва такрори такрорӣ: такрор-y; ба вертолиявӣ хушк. Ва шумо метавонед тасвири аслии худро бо моликияти мавқеи мавқеъ ҷойгир кунед.
Ва CSS3 инчунин барои намудҳои зироатҳои иловагӣ илова мекунад. Шумо метавонед тасвирҳои худро барои ҳар гуна андозаи фарқ кардани мувофиқатонро тасаввур кунед ё тасвири заминаиро бо андозаи тиреза муаян кунед . Шумо метавонед мавқеъро тағйир диҳед ва сипас тасвири заминаро клик кунед. Аммо яке аз беҳтаринҳо дар бораи CSS3 ин аст, ки шумо ҳоло метавонед тасвирҳои яквақтаи гуногунро барои эҷоди таъсири манфии амиқтаре эҷод кунед.
HTML5 тасвирҳои сабтро кӯмак мекунад
Элементҳои матн дар HTML5 дар атрофи ҳама гуна тасвирҳое, ки дар ҳуҷҷат танҳо мемонанд, ҷойгир карда шаванд. Яке аз роҳҳое, ки дар бораи он фикр мекунанд, агар тасвир метавонад дар замима замима шуда бошад, он бояд дар дохили Шабакаи сутун бошад. Пас шумо метавонед ин элементро истифода кунед ва элементи FIGCAPTION -ро барои тасвирҳои худ илова кунед.