Computer, Zokuhlela
CSS, Usinga, pseudo: misa, umntwana, ekujoliswe
Ngokudibanisa HTML and CSS, unako ukuyilawula ngokupheleleyo zonke izinto zamaphepha Web. Nge izimbo unako lula ukutshintsha ekukhangelayo nayiphi ibloko okanye umgca. Amaxesha amaninzi coder kufuneka enze umsebenzi ngxuba - ukutshintsha ekukhangelayo element wona, njengoko inxalenye ezimeleyo okanye imeko ethile. Kulo mzekelo, ukuze uncedo pseudo CSS.
Usinga-ukusebenza kumgaqo njengoko iiklasi rhoqo yophawulo, kodwa ngokwasemzimbeni bengazange khona apha. Bangakwazi kukhethwa isiseko lweziqalelo engafakwanga iinkcukacha kuxwebhu, esingayi khetha umkhethi njengesiqhelo. Nanku umzekelo olula: unemouse enamaqhosha ebomvu, kwaye ufuna ukuba xa uhambisa waba emsi. Enyanisweni, oku kuqaliswa JavaScript, kodwa kutheni kunzima kangaka? Zibelula ukusebenzisa i : hambisa CSS. Ngoncedo wayo uyakwazi ukunika nayiphi iyunithi i parameters eziya kuxhokonxwa kuphela xa isalathisi se mouse.
Uluhlu CSS pseudo-iiklasi zihlaziywa rhoqo. Mhlawumbi, ngelixa ufunda lo mbandela, ibonakala ezininzi ezintsha. Okokuqala, cinga abo bubonakala CSS3 incazelo.
: Izakhi-of-lohlobo
Masithi unayo uluhlu apho ufuna ukusebenzisa imibala alternating, ukutsho oko, umgca lokuqala, umzekelo, ebhalwe ngoonobumba abomvu, kwaye eyesibini - .. Blue, kwakhona obomvu kwakhona yesithathu, yesine oluhlaza. Ngaphambili, kuye kwafuneka ukuba zenze iiklasi ezintsha. Ubeko ezidlulileyo idityaniswe isiqalelo ngasinye kuluhlu udidi, uze emva koko utshintshe imbonakalo yabo lohlobo. Akuzange kube bekhululekile kakhulu yaye ungcolisa nobeko.
Ngoku yonke into lula. Sebenzisa CSS Usinga-ludidi: nth-of-hlobo. Oku kuya kunika ithuba lokuba ufumane isiphumo ebonwayo ezinqwenelekayo, ngaphandle kokutshintsha nantoni na womshicileli. Lo mgaqo ilula: nithe nangena yomkhethi, kwaye kwizibiyeli emva igama ukubhala ifomula okanye igama lokuba uya kufumana izinto ezifunekayo. Umzekelo ,: nth-of-lohlobo (de) ukuthanda andizange lweziqalelo, kwaye: nth-of-lohlobo (odd) - le limnqakathi. Kukho inani elikhulu ifomula zisetyenziselwa ukulawula kanye. Kwizibiyeli abonisa inani kunokwenzeka - kule uhlobo mzekelo emalifakwe i element kabani isalathiso ilingana kule nombolo.
: Izakhi-umntwana
Le CSS Usinga-ludidi kumgaqo amanyathelo iyafana kowangaphambili, kodwa ngokungafani isebenza kuphela kunye nabantwana umba okhethiweyo. Umzekelo, ukuba ufuna ukusebenzisa ngayo yenza lanjengembonakalo ngumzali
Kuba kolawulo ngqo kwifomula ingasetyenziswa. Kunzima kakhulu kuba labaqalayo, kodwa kubalulekile gangqa kancinci kulo lwesivakalisi indlela yonke uba lula. Le fomyula zezi zilandelayo: i-b, apho + - ngumba, kunye b - offset. Umzekelo, ukuba ipharenthesis zibonisa n, i pseudo-kukhetha konke iziqalelo umntwana (kuba akukho kucacisiwe amagama ezongezelelweyo ngendlela kunye b). Ukuba awukhankanyi i n + 2, zonke izinto ngaphandle kuqala (kuba lisisiqalo ilingana amabini) ziya kukhethwa. Best konke, eli xesha lokuba bafunde practice. Linga ezinamacandelo umntwana kunye neefomula ezahlukeneyo.
: Last-umntwana
Yonke into elula. Usinga-iiklasi CSS umntwana zisetyenziswa ukuba ukhethe into ethile. Oku kukhetha umntwana yokugqibela candelo umzali. Isetyenziswa kakhulu rhoqo, umzekelo, ukuze ukhethe umqolo wokugqibela etafileni okanye susa isibotho ukusuka kwibhloko yokugqibela ukuphepha ukutshintshwa kwayo kumgca olandelayo.
: Izakhi-yokugqibela-komntwana
Xa umgaqo osebenza uyafana nth-umntwana okhankanywe ngaphambili, kodwa lisebenza ngendlela eyahlukileyo, okt. E. Xa usebenzisa izinto ziya kuhamba phezulu. Oku kuluncedo xa ufuna ukufumana izinto ezimbalwa ezidlulileyo.
Usenokucinga ukuba le pseudo-iiklasi kunye pseudo-elements CSS ngamampunge, kuba uyakwazi wenze izinto kakuhle yi kwiiklasi eziqhelekileyo. Oku akunjalo. : Nth-umntwana ,: nth- -umntwana yokugqibela kunye analogs zabo lula gqitha xa besebenza kwiiprojekthi ezinkulu - umzekelo, kwiimeko apho Ibloko inani elikhulu labantwana. Ngesandla amalungiselelo iiklasi elide kunye nzima.
ulawulo pseudo-state
Kuthekani ukuba ufuna ukutshintsha inkangeleko njengento kwimo ethile? Eli tyala inikezela CSS pseudo-enqakraza, ukukhomba kunye nezinye izinto. Makhe sihlolisise ngokweenkcukacha.
: link
Oku iimbekiselo Usinga CSS, asingabo bonke, kodwa kuphela ezo zingazange watyelela. Kuyo ungakhankanya izimbo beengxenye , apho umsebenzisi akakaphumezi.
: watyelela
An Togu ye lwalo odlulileyo, elawula kuphela amakhonkco esele watyelela. Ukudibanisa ezi pseudo-iiklasi ezimbini, ungenza ngokusesikweni imbonakalo tags kanye njengokuba ufuna. Qaphela, noba kunjani, ukuba ithi zibalelwa bakhangeli ezithile lilahle emva kwimbali unyango.
I pseudo-iklasi: ekujoliswe CSS
Enye yezona umdla pseudo-iiklasi, nto leyo xa kusetyenziswa othile endaweni ukusetyenziswa JavaScript. It yenza ulawulo ukuba Umchongi zibandakanyiwe idilesi umqolo lo wephepha. Ewe, ixesha lokuqala kunzima ukuyiqonda. Zama yezixhobo zecomputer ukubonisa umzekelo.
Makhe sithi thina kwiphepha 3 iibhloko div ne id ethile: id1, id2, ID3. Kwakhona iilinki ezintathu ukuya kumaxabiso ahambelanayo href: # id1, # id2, # ID3. Xa ucofa kwi ikhonkco yokuqala idilesi umqolo i wephepha emva ngekhonkco id ahambelanayo iya kuba page ngokwayo.
Le CSS kuzo zonke iibhloko div elikhankanyiweyo ukubonisa propati: namnye, oko kukuthi, bathi aluboniswa ngokungagqibekanga. Sisebenzisa ekujoliswe: div ze uyinike umboniso ipropati: block. Ngoku, xa unqakraza amakhonkco kunye ethile href, iibhloko kunye id ahambelanayo ziya kuthunyelwa yokubonisa: block, ke ngoko, aya kuqalisa ukuba kuvela kwiphepha! Xa ucofa karhi a href = http: // site / inqaku / 319683 /% E2% 80% 9D # id1% E2% 9D iya kuvala kunye id1, njalo-80% ..
Sekunjalo musani ukuqonda nto? Zama ukuba kunjani. Yenza ubeko lwephepha kunye nezimbo ezichazwe apha ngasentla. Emva kwemizuzu embalwa kamva unayo ngaphandle inani elikhulu yonke into.
Usinga oko kunokusetyenziswa nawuphi element
Uninzi i pseudo-amakhonkco ezichazwe ngentla-ezifunekayo ukulungiselela lo msebenzi. Noko ke, asingabo bonke iziqalelo kufuneka . embodiments eziliqela linokusetyenziswa nayiphi na inxalenye yephepha ngokupheleleyo.
- : Esebenzayo isetyenziselwa izinto isimbo apho umsebenzisi ecofa i ekhohlo iqhosha le mouse;
- : Misa ndawonye - CSS beengxenye apho umsebenzisi uzokuma phezu;
- : Zojoliso - kuba ezo iindawo page, leyo ngoku ingqwalasela. Le pseudo-iklasi idla ngokusetyenziswa ukusebenza nezi fom. Umzekelo, ukuba ufuna ukukhetha i uncedo Igama lomsebenzisi, xa undwendwe ubeka isalathisi phezu kwayo kwaye iqala abalinganiswa ingaqala ukucofa inani.
Khumbula ukuba: esebenzayo esebenzayo kuphela ngexesha ibunzi. Ngoko nangoko emva kokupheliswa ekhohlo iqhosha le mouse umiselwe ngoncedo banezimbo izakulahleka kwaye umba ziya kuboniswa njengoko uboniswa ngokungagqibekanga. Kwiimeko ezininzi, oku pseudo-eklasini lisetyenziselwe ekusebenzisaneni amaqhosha. Ungakwazi ukuseta ukuba inani elikhulu labantu kumazwe. Umzekelo, iqhosha lokusisiseko siluhlaza, misa ndawonye - oluhlaza, ngokucindezela - ebomvu, etc ...
Kakade ke, kuphela pseudo-iiklasi zixhaswa ngokupheleleyo yi kubakhangeli zincwadi abasetyenziswayo. Hi xikombiso, ku IE6 7 akayi kuba nako ukusebenzisa ugxininiso, kwaye hambisa kunye nomsebenzi akhutheleyo IE6-kuphela unxibelelwano. Ngethemba, akuyi kuya kufuneka ukuba basebenze kwezi iibrawuza, kodwa ukuba usafuna yasuka, sebenzisa izimvo olunemiqathango.
ezongezelelweyo pseudo
Iinketho ezidweliswe ngasentla uluhlu akayeki apho. kuhlangani- kuphela iqokelelwe ngoncedo CSS mihla (: amandla) okanye nje usike (: abakhubazekileyo), sokuyivula kuphela ibhokisi zamakishwa aza irediyo (: zihlolwe). Ngokufutshane chaza ezimbalwa iinketho ezininzi onokuzisebenzisa ukuze ulawulo ngokucokisekileyo ngakumbi imbonakalo umxholo.
- : Kuphela-komntwana - egungxula kunokwenzeka ukuba asebenzise isimbo ukuya element owona ielementi encinci kuphela;
- : Lang - ukusebenza kunye izinto ondinike ulwimi usebenzisa i lang lophawu;
- : Iingcambu - esetyenziswayo ukukhetha ingcambu element. Ngako oko, ezo tag HTML ;
- : Musa - isisixhobo esinamandla kakhulu. It ikuvumela ukuba nokuthintela ukusetyenziswa izimbo ezithile selectors. Nanku umzekelo: .blue-umbala: hayi (span ). A yomkhethi ukuba asebenzise isimbo ukuba izinto zonke kunye neklasi blue-umbala, ukuba ngaba .
uluhlu elipheleleyo pseudo-iiklasi ayikwazi kolulwa kwiphepha elinye. Uninzi abathungi web angasebenzisa ku umkhuba, kuphela abathile kubo, wakhetha ukulawula imeko kunye JavaScript. Ewe, yinto elula, kodwa kukho amaxesha apho iziphumo ngempumelelo ngakumbi ziza kuphunyezwa lula, usebenzisa i pseudo efanelekileyo.
Similar articles
Trending Now