Ukuthuthukiswa Okuqhubekayo

Iziphequluli zeWebhu zizungeze uma nje amawebhusayithi anakho. Eqinisweni, iziphequluli ziyisithako esibalulekile ekuhlangenwe nakho noma kubantu ababuka isayithi lakho - kodwa akuzona zonke iziphequluli ezidalwa ngokulinganayo. Kungenzeka ngokuphelele (futhi empeleni kungcono) ukuba namakhasimende abuke amakhasi akho wewebhu ezipheqululini ezigugile kakhulu futhi azilahleki izici ezitholakala kuziphequluli zanamuhla. Lokhu kungabangela izinkinga ezinkulu njengoba uzama ukuthuthukisa amawebusayithi asebenzisa ngokunenzuzo intuthuko yakamuva ekuklanyweni nasekuthuthukisweni kwewebhu . Uma othile eza esayithini yakho esebenzisa enye yalezi ziphequluli ezindala, futhi amasu akho asanda kuthuthuka awasebenzi kuwo, ungase unikeze ulwazi olubi kakhulu. Ukuthuthukiswa okuqhubekayo kuyindlela yokusingatha ukuklama kwekhasi lewebhu ukuze iziphequluli ezahlukene, okungukuthi lezo iziphequluli ezindala ezingekho ukwesekwa kwanamuhla.

Ukuthuthukiswa okuqhubekayo kuyindlela yokuklama amakhasi ewebhu ukuze izici eziningi zisekela umsebenzisi, ziphinde zibe nezici zekhasi lewebhu. Kuyinto ephikisana necebo lokuklama elibizwa ngokuthi ukuchithwa okuhle . Leli qhinga lakha amakhasi eziphequluli zesimanje kuqala bese iqinisekisa ukuthi futhi isebenze kahle ngokuphequlula okusebenzayo - ukuthi isipiliyoni "sihlambalaza kahle." Ukuthuthukiswa okuqhubekayo kuqala ngeziphequluli ezingakwazi ukuqala kuqala futhi kwakha isipiliyoni phezulu lapho.

Indlela Yokusebenzisa Ukuthuthukiswa Okuqhubekayo

Uma udala umklamo wewebhu usebenzisa ukuthuthukiswa okuqhubekayo, into yokuqala ozoyenza ukudala umklamo osebenza ngokujwayelekile okujwayelekile kweziphequluli zewebhu. Ekuqaleni kwayo, ukuthuthukiswa okuqhubekayo kusho ukuthi okuqukethwe kwakho kufanele kutholakale kuzo zonke iziphequluli zewebhu, hhayi nje isethi-esethi.Ngalokho uqala ngokusekela lezi iziphequluli ezindala, ezingaphelelwe isikhathi, ezingaphelele.Uma udala isayithi esebenza kahle kubo, uyazi ukuthi udale isisekelo sokuqala okufanele sinikeze okungenani isipiliyoni esisebenzisekayo kuzo zonke izivakashi.

Uma uqala ngeziphequluli ezincane ezikwazi ukuqala kuqala, uzofuna ukuqinisekisa ukuthi yonke i-HTML yakho kufanele ivumeleke futhi isebenzise kahle. Lokhu kuzokusiza ukuqinisekisa ukuthi ukuthi izinhlobo ezihlukahlukene kunazo zonke zamasevisi womsebenzisi zingabuka ikhasi futhi ziyibonise ngokunembile.

Khumbula ukuthi izitayela zokudweba ezibukwayo kanye nokuhlelwa kwekhasi eligcwele lengezwa ngokusebenzisa amashidi wangaphandle . Lokhu kuyilapho ukuthuthukiswa okuqhubekayo kwenzeka khona. Usebenzisa ishidi lesitayela ukudala isakhiwo sesayithi esisebenza kuzo zonke izivakashi. Ungabe usengeza izitayela ezengeziwe ukuze uthuthukise ikhasi njengoba amanxusa omsebenzisi athola ukusebenza. Wonke umuntu uthola izitayela ze-baseline, kodwa kunoma iziphi iziphequluli zezindaba ezingase zisekele izitayela ezithuthukisiwe nakakhulu zanamuhla, zithola okungaphezulu. Wena "uthuthuka phambili" ikhasi leziphequluli ezingase zisekele lezo zitayela.

Kunezindlela ezimbalwa ongasebenzisa ukuthuthukiswa okuqhubekayo. Okokuqala, kufanele ucabangele ukuthi isiphequluli senzani uma ingaqondi umugqa we-CSS - uyayishaya indiva! Lokhu kusebenza kahle kuwe. Uma udala isethi yokuqala yezitayela zonke iziphequluli eziziqondayo, ungafaka izitayela ezengeziwe zeziphequluli ezintsha. Uma basekela izitayela, bazozisebenzisa. Uma kungenjalo, bazowunaki futhi basebenzise lezo zitayela zokuqala. Isibonelo esilula sokuthuthukiswa okuqhubekayo singabonakala kule CSS:

.main-content {
isizinda: # 999;
isizinda: rgba (153 153 153, .75);
}}

Lesi sitayela kuqala sibeka isizinda kumbala we-greyish. Umthetho wesibili usebenzise amanani ombala we-RGBA ukusetha izinga lokubala. Uma isiphequluli sisekela i-RGBA, izodlula isitayela sokuqala ngeyesibili. Uma kungenjalo, kuphela okuyokuqala okuzosetshenziswa. Ubeke umbala osemqoka bese wengeza izitayela ezengeziwe zeziphequluli zanamuhla.

Ukusebenzisa Imibuzo yesici

Enye indlela ongayisebenzisa ngayo ukuthuthukiswa okuqhubekayo ukusebenzisa okuyaziwa ngokuthi "imibuzo yesici". Lezi zifana nemibuzo yemidiya , eyingxenye ebalulekile yezinkampani ezithintekayo zewebhu . Ngenkathi imibhalo yemidiya yemidiya yobukhulu bezinkrini ezithile, imibuzo yesici izohlola ukuze ubone ukuthi isici esithile sisekelwa noma cha. I-syntax ongayisebenzisa yile:

@supports (bonisa: i-flex) {}

Noma yiziphi izitayela ozangezile ngaphakathi kwalesi simiso kuzosebenza kuphela uma isiphequluli sisekelwa "i-flex", yiziphi izitayela ze-Flexbox. Ungabeka iqoqo elilodwa lemithetho kuwo wonke umuntu bese usebenzisa imibuzo yesici ukwengeza okungaphezulu iziphequluli ezikhethiwe kuphela.

Isihloko sokuqala sikaJennifer Krynin. Ihlelwe nguJeremy Girard ngo-12/13/16.