CSS: pasatzean. Original hover-efektu

Goitik behera berriaren ideia Informazio aurkezpena zatitzeko Kodea sortu da eta prozesatu zen. denbora dela eta erabakia sendoa zen, baina oraingoan ez da ezagutu ondoren, erabat. Programazio ordenagailu bakar bat bereizi da, baina ez du sare lokalean edo domeinu zona bakar batean irabazi, eta berehala leku osoko zabaldu, baina gero bistakoa bihurtu zen informazioa (diseinu aldetik) emateagatik eta hori berarekin lan (kodea dagokionez) - bi plano berean aldean.

Hiru gune eraikinaren alderdi

PHP-kodea, Javascript-kodea eta CSS estiloen azalpena: ikuspuntu formal batetik, hiru osagai nagusiak (guises hainbat sintaxia) egiteko gunean gora daude. Ez du axola nola erabiltzen den eta zein osagai jakin baten bertsioa, zer bertsio HTML erabiltzen da eta zer bertsioan nabigatzailea da merezi du. Compatible gaur ez da autoestima altua ospatu, edozein momentutan baita atzeratutako da: hori kodetzen da, eta zer da kodetzen duten, bistara daitezke eta exekutatu.

Aurretik hizkuntza ideia borrokatu nahi, orain alferrik nahiago fabrikatzaile estandarrak Internet teknologia eta nabigatzaile eremuan borrokatzeko.

Pribatua eta publikoa

bide horren bidez Internetera sartzeko, of (ordenagailuak, ordenagailu eramangarriak, pilulak, smartphones) asko, nabigatzaile, ere, ugari. Ez dago bermea duten banakako gailu borondate bistaratzea gune forma ere bertan egiten da sortu by a sustatzailearen. Ez beti eskura helburu azken ahalegina, eta ematen bateratu bat web diseinua asko aurpegiak, hau da esentzia batasuna pantaila, lekuan bertan maiatzaren da ireki nahi du bisitaria.

pribatuaren eta publikoaren partekatzea, azken hau soilik zer lan erabiliz, diseinuan aurrerapen esanguratsuak lortzeko dezakezu. Beauty, une artistiko eta web diseinua - dagokion adituek eta talentu ondarea. CSS - kode bat, nahiz eta oso berezia. Bere kezka estiloak (erakusteko aukerak) deskribatzeko. Gailu mugikorren CSS etorrerak benetako media kontsulta kodetze kargatu. Beraz diseinua eta kode artean berriro ezkontzaren aukera hori - ez da hain errealista duela urte batzuk besterik ez zirudien liteke eta.

garapen CSS-estilo oinarritutako zure esperientzia pertsonalean eta CSS diseinu horiek nabigatzaile gehien lantzen direla frogatu arduratzen garatzaileak asetzeko bisitari gehien. Lehen eta bigarren gutxieneko erabili behar, ahalik eta gehien, orduan askoz ere litekeena ondorioz ia edozein lekutan lan egiten duen lortzeko, edonoiz.

Lehenengo araua: itxaropen Standard, baina baita dutenei laguntzeko bere burua

CSS: pasatzean - sagua da "desagertu" elementua orrialdean. Noiz sagua elementu baten gainean klik egindakoan, aktiboki bihurtzen da, baina kurtsorea aldean doa, berriro aldatu ahal izango da, eta bere burua erakusteko egoera aktibo batean. ": Mugitu", "aktibo" eta "bisitatu" - ezagunenetako sasi-klaseak estilo deskribapena.

zure gunea kodea ez den huskeria esaterako elementuen gainean saguaren mugimendua bezala kezkatu ere oso komenigarria da. mahaiaren bi estilo deskribapen deskribatzeko eskaintzea:

elementu {

color: black;

}

elementu: hover {

kolorea: zuria;

background-color: berdea;

}

Lortu denean pasatzean sagua elementu on beltzetik testuaren kolorea automatikoki aldatuko zuriak, eta elementu atzeko alda berdea. Pseudo da edozein elementu aplika daiteke eta efektu bisualak askotariko lortzeko.

Bigarren araua: konfiantza arauak, bere kode gidatuta

Dena ondo izango litzateke aurrerapen ordenagailuak eta besoak hornituak eramangarriak mantendu bada, eta komunikazio mugikorren aurrerapenak ez du smartphones, pilulak eta beste gailu mugikorrak konektatu horrelako gailu oso problematikoa sorrera ekarri zuen.

Bestalde, bakarrik ukipen-pantaila bereziak gadget bat ditu eskuragarri zuzenean manipulatu hatzekin ukipen pantailan, hura bihurtu gisa ohiturazko smartphones, pilulak eta antzeko gailuak dira.

Ez dago aldea esanguratsua da eta: hover lan egiten du hemen ez da nahi beste. No kodea ezin da egin, eta erabilera-media kontsultak erabakitzen ez den guztian galderak.

Compatibility - too gaurko informazioaren munduan garestia, beraz, gune funtzionalitate egokia bermatzeko zehaztutako web diseinu eta funtzionala, ahal izanez gero, gutxieneko beharrezko erabilera kasu gidatuta ezartzeko baldintzak barruan: CSS pasatzean, CSS pasatzean foku, CSS pasatzean aktiboa (bisitatutako) . The kodearen gehiago (nabigatzailean eta zerbitzarian bezala) Web diseinu monitoreak, hobe. Programak - kontrola da, hobe da denean kontrol hori ez da errentan egungo estandarrak, eta horrek sarritan ez dakit zer espero erruki on da.

Botoiak eta beste orriaren elementu

Button pasatzean CSS - wonderful irtenbide bat, baina epe luzera, orriaren elementu bakoitza "botoia" da. Gune nagusiki bizi bat izan eta gero kodearen ez dago eraikita, zeregin bada esparrua eta oinarritutako bisitaria portaera jarduten egokia garatzen duen gune bat sortu nahi da, ondoren, gutxienez CSS-estiloen bitartez bizitasuna orria elementu eman ahal da.

Erabili hover-efektu erosoa. Bere laguntzaz, erraz eman dezakezu zure orriak bizitasuna, baina Kodea ez daki zer sagu bat egiten pantailan, ez da posible bada bere mugimendua jarraitzeko. Ikuspegi horretatik, hau da aurrera, betiere kode kontrol saguaren mugimendua (= motion smartphone bat hatz bat), it independentean nabarmendu elementu bat edo bihurtzeko. ezer sasi-klaseak egin ditu, baina erabateko kontrol kodea ematen kanpoko orriaren itxura ahalbidetzen bezala bistaratzen duzun hura nabigatzaile desberdinetan gailu ezberdinetan.

estilo-en Pitfalls

CSS estiloak eremuan estandarra ez dakit zertan ari diren esatea ezinezkoa da, baina erabat dutela beste internet programazioaren arloan estandarrak elkarlanean esatea da ere ezinezkoa.

Estiloak eta sasi-klase da orria kodetze, noiz zerbitzariari orri bat sortzen du etapa eta dinamika azaldu daiteke da dagoeneko nabigatzailea barruan, erraz estilo berri bat sor dezakezu eta lehendik dagoen bat aldatzeko.

AJAX erabiliz, betiere, ez dago berriro sortzea orriaren bisitariak ekintza erantzunez bistaratuko beharrik, eta nahikoa elementu bat edo hainbat elementu aldatu behar da apur bat "piper" gaineratu du. "Friendship" kodea - dagoeneko nabigatzaileak (JavaScript) eta hain zuzen ere zerbitzariari (PHP) dela - egile (programatzaile) gune ondarea.

elkarrekintza honen algoritmoa nola exekutatuko da On, nabarmen araberakoa ez bakarrik bistaratzea bere elementu orrian, baina, halaber, beren kode gehiago pertzepzioa. Besterik gabe jarri, sasi da (bereziki) oso for estatikoan onak dira, bela brisa argi batekin itsasoan argi YACHTS for bezala - guztia argi eta eskuragarria eta kudea da. Eguraldi aldaketak, edo haizeak indartsuagoa da, edo bisitariaren ustekabeko egoerak sortuko dute, ezin duzu azkar arrezife eta bisitariak galtzeko jaitsi bada.

Standard eta bere emulazioa

Style CSS pasatzean egon Javascript bidez emulatu daitezke, gertakari onmouseover eta onmouseout erabileraren bidez. Askotan hori muturretan guztiak. sen orduan benetako lan gune sortzeko hura, hobe da kontrola mantentzeko bere eskuetan, baino ematen aldatu estandarrak mitikoa erruki ikuspuntutik borondatea eta sustatzailearen nahia da.

Batzuetan zerbait irakurri dezakezu eginbide hau bezalako "da, are in IE» erabilgarri, baina gehiago zer estilo hautematen nabigatzailean zehatz bat deskribatzen buruz irakurri ahal izango dira. Askoz gutxiago egon nabigatzaile desberdinetan nola desberdinak Javascript buruz ikasi ahal izango da.

Esperientzia ebaluatzea, ezaugarri miresten "Chrome" eta "Opera", moteltasuna eta nabigatzaileak inertzia fabrikatzaileak (ahaztezina, maitea IE behar du "Microsoft" edozein programatzaile batetik kritikatzeko: "The ona zaharra Internet Explorer ez du madarikatua besterik alferrak edo duenarentzat ordenagailuan. bakarrik daki "Solitaire" nola jokatu, "- ak aipatutako egileak Internet ezezagun bat), urrezko batez bestekoa jarraitu behar dute: zer lan nonahi eta uneoro erabili.

Pertsonak behar tresnak denean Zirrara lortu behar dute, eta erregistro bulego edo antzokira, baina ez Internet joan ohi dute lan egiteko.

Emulazioa eta Kontrol

Aurretik, betiere programazio bere oinak on lortzean, ohitura zen bertara seniors entzun eta zuzen idatzi. Gaur seniors gehiegi, azkarregi dena aldatzen ari da, eta entzun bada denbora guztian ez da nahikoa, nahiz eta oso lan sinple bat egiteko, gutxieneko gune funtzional berean.

Programazioa - nagusiki kontrol batean, eta kasu denean estandarraren joera multzo arauak edo arau-aldaketa zorrotz bat, bere likidazioa eta berriak azaleratzea espero dezakezu, konponbide onena izan da beti, ez da inolako erabakiak hartzeko, eta beharrezko gunean funtzionalitate gutxieneko ahalik, baina benetan lanean kodea ezartzeko .