Kashe dabara tareda CSS
Idan kana zayyana shafin yanar gizon, zaku iya sha'awar koyon yadda za a ƙirƙirar hoto mai zurfi ko alamar ruwa a shafin yanar gizo. Wannan wata sanarwa ce ta yau da kullum wadda ta kasance sananne a kan layi don dan lokaci kadan. Yana da tasiri mai kyau don samun a cikin zanen yanar gizo na jabu.
Idan ba ka yi wannan ba kafin ka yi kokarin da shi a baya ba tare da sa'a ba, tsari zai iya zama abin tsoro, amma a hakika ba wuya sosai ba. Tare da wannan taƙaitaccen taƙaitaccen bayani, za ku sami bayanin da kuke buƙatar sarrafa fasaha a cikin matakan mintuna ta amfani da CSS.
Farawa
Hotuna masu ban mamaki ko alamar ruwa (waɗanda suke ainihin ainihin hotuna bayanan baya) suna da tarihi a cikin zane-zane. Rubutun sun daɗe sun haɗa da alamomin ruwa akan su don hana su daga kofe. Bugu da ƙari, ƙwaƙwalwa da ƙididdiga masu yawa suna amfani da hotuna masu banƙyama a matsayin ɓangare na zane don ɗayan da aka buga. Shafin yanar gizon yana da dogon lokaci daga biyan kuɗi da kuma bayanan bayanan daya daga cikin wadannan hanyoyi.
Wadannan manyan hotuna suna da sauƙi don ƙirƙirar yin amfani da waɗannan abubuwa uku na CSS :
- bayanan hoto
- baya-maimaita
- Abubuwan da aka haɗe
- Girman girma
Bayanin Hoto
Za ku yi amfani da bayanan hoton don ƙayyade hoton da za a yi amfani dashi a matsayin alamar alamarku. Wannan salon kawai yana amfani da hanyar fayil don ɗaukar hoton da kake da shi akan shafinka, mai yiwuwa a cikin shugabanci mai suna "hotuna."
Hotuna: url (/images/page-background.jpg);
Yana da mahimmanci cewa hoton da kansa ya fi haske ko mafi muni fiye da siffar al'ada. Wannan zai haifar da wannan "maɓallin ruwa" wanda yake nuna alamar hoto mai zurfi a bayan bayanan, graphics, da sauran abubuwan da ke cikin shafin yanar gizon. Idan ba tare da wannan mataki ba, hoton bayanan zai yi gasa tare da bayanan da ke kan shafinka kuma yana da wuya a karanta.
Zaka iya daidaita hoton bayanan a duk wani shirin gyarawa kamar Adobe Photoshop.
Bayani-Maimaitawa
Sakamakon bayanan baya-bayan nan ya zo na gaba. Idan kana so hotonka ya zama babban zane-zane na ruwa, zaku yi amfani da wannan dukiya don yin hoton nan kawai sau ɗaya kawai.
Bayanin sake-maimaitawa: babu maimaitawa;
Ba tare da dukiyar "ba-maimaitawa ba", tsoho shi ne cewa hoton zai sake maimaita akai a kan shafin. Wannan ba shine wanda ake so a cikin shafukan yanar gizon zamani ba, don haka wannan salon ya kamata a yi la'akari da muhimmanci a CSS.
Bayanin-Abin da aka sanya
Abubuwan da aka haɓaka na asali shine dukiya da yawa masu zanen yanar gizo suka manta game da su. Yin amfani da shi yana adana bayananku na asali lokacin da kake amfani da kayan "gyarawa". Abin da ya sa wannan hoton ya zama alamar ruwa wanda aka gyara a shafi.
Ƙimar da aka dace don wannan dukiya shine "gungura." Idan ba ku ƙayyade adadin da aka haɗe ba, bayanan zai gungura tare da sauran shafin.
Abubuwan da aka haɗe da haɗe-haɗe.
Bayanin Girma
Girman bayanan shi ne sabon abu na CSS. Yana ba ka damar saita girman bango dangane da dubawa ana kallon shi. Wannan yana da matukar taimako ga shafukan intanet wanda za su nuna su a daban-daban a kan na'urori daban-daban .
Girman girma: murfin;
Abubuwan da za a iya amfani dasu don wannan dukiya sun haɗa da:
- Rufe - Sanya bango don haka ko dai cikakken nisa ko cikakken tsawo an nuna. Wannan yana nufin cewa wasu ɓangarori na hoton bazai bayyana a allon ba amma za a rufe dukkan yanki.
- Rage - Sanya siffar don haka duka nuni da tsawo suna nunawa a yankin da ake salo. Ba a yanke hoton ba, amma ƙuƙwalwar ita ce sassa na yankin bazai rufe shi ba.
Ƙara CSS zuwa ga Page
Bayan ka fahimci abubuwan da ke sama da halayensu, za ka iya ƙara wadannan styles zuwa shafin yanar gizonku.
Ƙara da wadannan zuwa HEAD na shafin yanar gizonku idan kuna yin shafin yanar-gizon guda. Ƙara ta zuwa CSS tsarin sashin layi na waje idan kana gina shafin yanar gizo mai yawa kuma yana so ka yi amfani da ikon wani takarda na waje.