Ukusebenzisa i-CSS ehambayo Indawo yokuKwakha iiWebhu zeeWebhu
Ipropati yeCSS yipropati ebaluleke kakhulu yendawo. Ikuvumela ukuba ubeke iphepha lakho lewebhu ukuyila ngokuqinisekileyo njengoko ufuna ukuba babonise-kodwa ukuze uyisebenzise kufuneka uqonde indlela isebenza ngayo.
Kwiphepha lesitayela, ipropati ye-CSS ihamba ifana nale:
.nje {float: kwesokudla; }
Oku kuchaza umkhangeli ukuba yonke into eneklasi "yokunene" ifanele iqhutywe ngakwesokudla.
Uya kubabela njengale:
kwiklasi = "ilungelo" />
Yintoni onokuyidla kunye nepropati ye-CSS?
Awukwazi ukuthambisa zonke izinto kwiphepha lewebhu. Ungakwazi kuphela ukuthambisa izakhi zezinga lebhloko . Ezi zizinto ezithatha ibhloko lesithuba kwiphepha, njengemifanekiso (), imihlathi (), ukwahlukana (), kunye neenlist ().
Ezinye izinto ezichaphazela itekisi, kodwa musa ukudala ibhokisi kwiphepha libizwa ngokuba yizinto ezisemgangathweni kwaye azikwazi ukuhamba. Ezi zizinto ezinjenge-span (), ukuhlukana kwelayini (), ugxininiso oluqinileyo (), okanye izalathisi ().
Ziyaphi Umkhukula?
Unako ukuthambisa izinto ukuya kunene okanye ngasekhohlo. Naliphi na into elandela into ejikelezayo iya kujikeleza ngeenxa zonke kwindawo ejikelezayo.
Ngokomzekelo, ukuba ndiyasondeza umfanekiso ngakwesobunxele, nawuphi na umbhalo okanye ezinye izinto ezilandelayo ziza kujikeleza ngeenxa zonke. Yaye ukuba ndiyaphakamisa umfanekiso kumnene, nawuphi na umbhalo okanye ezinye izinto ezilandelayo ziza kujikeleza ngeenxa zonke. Umfanekiso obelwe kwibhloko yombhalo ngaphandle kwesitayela esisetyenzisiweyo kuso siya kubonisa kodwa isiphequluli sisetyenziswe ukubonisa imifanekiso.
Oku kudla ngokuba nomgca wokuqala wesicatshulwa esilandelayo ngaphantsi komfanekiso.
Ziza Kuza Kwenzeka Kangakanani?
Isalathisi esithethiweyo siya kufikelela kude ukuya kwesobunxele okanye kwesokudla seqebunga njengoko kunako. Oku kubangela kwiimeko ezininzi ezahlukeneyo kuxhomekeke kwindlela ikhowudi yakho ibhaliweyo ngayo.
Kule mizekelo, ndiza kujikeleza into encinane ye-DIV ngakwesobunxele:
- Ukuba inxalenye ehambileyo ayinalo ububanzi obuchazwe ngaphambili, iya kuthatha indawo engapheliyo njengoko ifunwa kwaye iyatholakala, kungakhathaliseki ukuba ihamba. Qaphela: ezinye iiphequluli zizama ukubeka izinto ngaphandle kwezinto ezijikelezayo xa ububanzi bengachazwanga-ngokuqhelekileyo unikezela into engaphiliyo kuphela kwisixa esincinane sendawo. Ngoko kufuneka uhlale uchaza ububanzi kwizinto ezifakwe.
- Ukuba isalathisi siyinxalenye ye-HTML, i-DIV ejikelezayo iya kuhlala kumgama osekhohlo wephepha.
- Ukuba isalathisi siqulethwe ngenye into, i-DIV ehambayo iya kuhlala kwindawo ekhohlo yesitya.
- Unokwenza isidleke sinyuka, kwaye oko kunokubangela ukuba i-float iphele kwindawo engamangalisa. Ngokomzekelo, le ntlupheko i-DIV ejikeleziweyo ekhohlo ngaphakathi kwi-DIV ejikelezayo.
- Izinto ezikhulayo ziya kuhlala phantsi komnye ukuba kukho indawo kwisitya. Ngokomzekelo, le nkunkuma inezinto ezintathu ze-DIV ezibanzi ze-DIV zijikeleze kwisitya se-400px ebanzi.
Ungasebenzisa nokuthambisa ukudala isakhiwo segalari yezithombe. Ubeka isithonjana ngasinye (sisebenza kakuhle xa sisonke sifana nobukhulu obufanayo) kwi-DIV enegama-magama kunye nokutshiza izinto ze-DIV kwisitya.
Kungakhathaliseki ukuba uluhlu lwefestile lomgca lukhulu kangakanani, izithonjana ziza kudibanisa ngokufanayo.
Ukuguqula uMkhukula
Emva kokuba wazi ukuba ungayifumana njani into yokuthambisa, kubalulekile ukwazi indlela yokucima i-float. Uyacima i-float ngepropati ecacileyo yeCSS. Unokucima ukuhamba okushiyekileyo, ukuhamba okufanelekileyo okanye zombini:
kucacile: ekhohlo;
kucacile: kunene;
kucace: zombini;
Naliphi na into oyimfuneko yokubeka ipropati ecacileyo iya kuvela ngaphantsi kwento ejikelezayo kweso sikhokelo. Ngokomzekelo, kulo mzekelo, imihlathi yokuqala yesibini ayicacisiwe, kodwa okwesithathu.
Dlala ngexabiso elicacileyo lezinto ezihlukeneyo kumaphepha akho ukuze uthole imiphumo eyahlukileyo yohlobo.
Enye yezinto ezithandekayo ezithandwayo ziluhlu lweemifanekiso phantsi kwekholam ekunene okanye ekhohlo ngasemva kwemihlathi yombhalo. Nokuba ukuba itekisi ayilanga ngokwaneleyo ukupheqela ngaphaya komfanekiso, ungasebenzisa icacile kuyo yonke imifanekiso ukuze uqiniseke ukuba ivela kwikholam kunokuba ifane nomfanekiso ongaphambili.
I-HTML (phinda le mhlathi):
Duis aute irure idoror sed eiusmod i-tempor incididunt ngokuphindaphinda kwi-voluptate. I-Cupidatat non proident, isebenze kunye ne-odlo i-magna aliqua.
I-CSS (ukuthambisa imifanekiso ngakwesobunxele):
img.float {float: kwesobunxele;
kucacile: ekhohlo;
umgama: 5px;
}
Kwaye kunene:
img.float {float: kunene;
kucacile: kunene;
umgama: 5px;
}
Ukusebenzisa izakhiwo zokuLungiselela
Emva kokuba uqonda indlela umhlaba osebenza ngayo, uqala ukuyisebenzisa ukubeka amaphepha akho ewebhu. Lawa amanyathelo am ndiwathatha ukuze ndidale iphepha lewebhu eliphambili:
- Yila uyilo (kwiphepha okanye kwisixhobo esinemifanekiso okanye kwintloko yam).
- Misela apho izahlulo zephepha ziza kuba khona.
- Qinisekisa ububanzi beetyhuthi ezahlukeneyo kunye nezinto eziphakathi kwazo.
- Zalisa yonke into. Ngaphandle kwendawo yokugcina ibhotile iqhutyelwa ngakwesobunxele ukuze ndiyazi ukuba iya kuba yintoni ngokubhekiselele kwi-port view port.
Ngethuba nje ukuba uyazi ububanzi (iipesentezi zilungile) zamacandelo akho omhlathi, ungasebenzisa ipropati yentsimbi ukuze uwabeke apho ahlala khona kwiphepha. Kwaye into enhle kukuba, akufanele ukhathazeke ngokungakumbi ngebhokisi yebhokisi eyahlukileyo kwi-Internet Explorer okanye kwi-Firefox.