Iiphequluli zeWebhsayithi ziye zahlala zide nje ngewebhusayithi. Enyanisweni, iibrowser ziyimfuneko ebalulekileyo kumava okanye abantu abajonga indawo yakho - kodwa akusikho zonke iiphequluli ezidalwe ngokulinganayo. Kunokwenzeka ngokupheleleyo (kwaye ngokwenene mhlawumbi) ukuba nabathengi bebuke iphepha lakho lewebhu kwiiphequluli ezindala kakhulu kwaye zilahlekile iimpawu ezifumaneka kwiziphequluli ezininzi zanamhlanje. Oku kungabangela iingxaki ezibalulekileyo njengoko uzama ukuphuhlisa iiwebhsayithi ezixhamla phambili kwinkqubela phambili kwiwebhusayithi kunye nophuhliso . Ukuba umntu eza kwisiza sakho usebenzisa enye yezobuphequluli ezidlulileyo, kwaye ubugcisa bakho bwakutshanje abusebenzelanga kubo, unokuba unika amava amaninzi ngokubanzi. Ukuphuculwa kwentuthuko isicwangciso sokusingatha ukucwangciswa kwekhasi lewebhu kumaphequluli ahlukeneyo, oko kukuthi iziphequluli ezindala ezingenaso inkxaso yangoku.
Ukuphuculwa kokuqhubekayo yindlela yokuyila iphepha lewebhu ukwenzela ukuba ezinye iinkalo zisebenzise i-ejenti yomsebenzisi, ngakumbi iimpawu zephepha lewebhu ziya kuba nazo. Kuyinto echaseneyo nesicwangciso sokuqulunqa esibizwa ngokuba ngumonakalo obumnandi . Esi sicwangciso sakha amaphepha kweziphequluli zezona zinto ziqala kuqala kwaye ziqinisekisa ukuba zisebenza ngokufanelekileyo kunye neziphequluli ezincinci zokusebenza - ukuba amava "ahlambalaza ngobubele." Ukuphuculwa kokuqhubela phambili kuqala ngabaphequlula abancinci bokuqala kunye nokwakha amava ukusuka apho.
Indlela yokuThuthukiswa kweNtuthuko
Xa udala i-web design usebenzisa ukuphuculwa okuqhubekayo, into yokuqala oya kuyenza kukudala uyilo olusebenzayo kwiindawo eziphambili ze-web browser. Ngomxholo walo, ukuphuculwa kwentuthuko kukuthi umxholo wakho ufanele ufumaneke kuzo zonke iiphequluli zewebhu, kungekhona nje isetyenzana esinqununu. Yingakho uqala ngokuxhasa ezo ziphequluli ezindala, ezingaphelelwe ixesha, ezingaphantsi.Ukuba udala isayithi esebenza kakuhle kubo, uyazi ukuba udale isiseko esimele sinikeze ubuncinane amava asebenzisekayo kuzo zonke iindwendwe.
Xa uqala ngezona zikhangeli zincinci zokuqala, uya kufuna ukuqinisekisa ukuba yonke i-HTML yakho ifanelekile kwaye ichanekile ngokufanelekileyo. Oku kuya kunceda ukuqinisekisa ukuba iindidi ezininzi kakhulu zabasebenzisi benkonzo ziyakwazi ukujonga iphepha kwaye libonisa ngokuchanekileyo.
Khumbula ukuba izitayela zokubonakalisa kunye nokwakheka kwephepha jikelele kwongezwa ngokusebenzisa amaphepha amaphepha angaphandle . Oku kunene apho ukuphuculiswa okuqhubekayo kwenzeka. Usebenzisa ishidi lesitayela ukwenza isakhiwo sendawo esisebenza kuzo zonke iindwendwe. Ungongeza ke izitayela ezongezelelweyo ukuphucula ikhasi njengoko abasebenzisi benkonzo bafumana ukusebenza. Wonke umntu ufumana iziseko ze-baseline, kodwa kukho naziphi na iziphequluli zeendaba ezikwazi ukuxhasa izitayela eziphambili kunye nezanamhlanje, zifumana ezinye ezongezelelweyo. Uqhubeka "uphucula" iphepha malunga neziphequluli ezinokuxhasa ezo zitayela.
Kukho iindlela ezimbalwa ongazisebenzisa ukuphucula ukuqhubela phambili. Okokuqala, kufuneka uqwalasele ukuba isiphequluli senza ntoni ukuba ingaqondi umgca weCSS - uyayigatya! Oku kusebenza ngokwenene. Ukuba udala isiseko esisezantsi sendlela zonke iiphequluli eziyiqondayo, ungongeza iintlobo ezongezelelweyo zeiphequluli ezintsha. Ukuba baxhasa izitayela, baya kuzifaka. Ukuba akunjalo, baya kuhoywa kwaye basebenzise ezo zindlela zokuqala. Umzekelo olula wokuphucula ukuqhubela phambili ungabonwa kule CSS:
.inomxholo {
imvelaphi: # 999;
imvelaphi: rgba (153,153,153, .75);
}
Eli qhinga kuqala libeka imvelaphi kumbala obala. Umgaqo wesibini usebenzisa amaxabiso ombala weRGBA ukuseta izinga lokukhanya. Ukuba ibhrawuza isekela i-RGBA, iya kugqitha isitayela sokuqala ngesibini. Ukuba akunjalo, kuphela okokuqala kuyakusetyenziswa. Ubeke umbala osezantsi kwaye wongeza izitayela ezongezelelweyo zeebhrawuza ezingaphezulu.
Ukusebenzisa Imibuzo Yemibuzo
Enye indlela ongayisebenzisa ngayo ukuphucula ukuqhubela phambili kukusebenzisa oko kwaziwa ngokuba "imibuzo ebalulekileyo". Ezi zifana nemibuzo yeendaba , eziyimfuneko ebalulekileyo ye- design website . Nangona iindaba zeendaba zemiyalezo ebhaliweyo bobukhulu besikrini, iimpendulo ziza kujonga ukuba zibone ukuba ethile ifakwe inkxaso okanye ayikho. I-syntax oyisebenzisayo kukuba:
@supports (bonisa: i-flex) {}Naliphi na izitayela ozifakayo ngaphakathi kwalo mgaqo ziza kusebenza kuphela ukuba isiphequluli esixhasa "i-flex", yiyiphi indlela yeFlexbox. Unokubeka isethi enye yemithetho kuwo wonke umntu uze usebenzise imibuzo ebonakalayo yokongeza eyongezelelweyo kwizikhequluli ezikhethiweyo kuphela.
Inqaku loqobo loJennifer Krynin. Ehlelwe nguJeremy Girard ngo-12/13/16.