CSS: hover. Pôvodné umiestnenie ukazovatele účinky

Radikálne nový bol nápad rozdeliť prezentáciu informácií z kódu je vytvorený a spracovaný. Bolo to silné rozhodnutiu v stanovenej lehote, ale tentoraz nebol rozpoznaný potom úplne. Pri programovaní je oddelená od jedného počítača, ale nevyhral v lokálnej sieti alebo jedinej domény zóny, a okamžite sa rozšíril všade možne, ale potom sa ukázalo, že poskytovanie informácií (z hľadiska dizajnu) a pracovať s ním (pokiaľ ide o kód) - dva strana v rovnakej rovine.

Tri aspekty bytovú výstavbu

Z formálneho hľadiska, existujú tri hlavné zložky (v rôznych maskách syntax), ktoré tvoria webu: PHP-kód JavaScriptu kód a popis štýlov CSS. Nezáleží na tom, ako sa používa a akú verziu určité zložky, akú verziu HTML sa používa a akú verziu prehliadača stojí za to. Kompatibilný s dnes nie je vo veľkej úcte, pretože v danom okamihu je po lehote splatnosti: ktorý je kódovaný a to, čo je kódovaný, môžu byť zobrazené a popravený.

Ak predtým bojoval za myšlienku jazyka, teraz bojujú márne preferujú výrobcovia normy v oblasti internetových technológií a prehliadačov.

Súkromného a verejného

Prostriedky, ktoré je prístup k internetu, veľa (počítače, notebooky, tablety, smartfóny), prehliadačov, tiež nie je núdza. Neexistuje žiadna záruka, že sa jednotlivé zariadenia zobrazí stránky v podobe, v akej bol vytvorený vývojár. Nie vždy dosiahnuť cieľ posledné úsilie a zabezpečiť jednotný web design má mnoho tvárí, že je podstatou displeja jednoty, všade tam, kde môže byť otvorený pre návštevníkov.

Zdieľanie súkromný aj verejný, s použitím druhej len to, čo funguje, môžete dosiahnuť významný pokrok v dizajne. Krása, umelecký moment a web design - dedičstvo príslušných odborníkov a nadanie. CSS - kód, aj keď veľmi zvláštne. Jeho záujem popísať štýly (Voľby zobrazenia). S príchodom mobilných zariadení CSS načítať aktuálnu kódovanie otázky médií. Takže možnosť re-manželstva medzi dizajnom a kódu - to nie je tak nereálne, ako by sa mohlo zdať pred niekoľkými rokmi.

Developer zaoberajúca sa vývojom CSS štýlov na základe svojej osobnej skúsenosti a preukázané tie CSS vzory, ktoré fungujú na väčšine prehliadačov uspokojí väčšinu návštevníkov. prvej a druhej minimum by mal byť použitý čo najviac, potom oveľa väčšiu šancu dostať výsledok, ktorý pracuje prakticky kdekoľvek a kedykoľvek.

Prvé pravidlo: Štandardné nádeje, ale aj tí, ktorí si pomohli sami

CSS: hover - keď sa myš "preč" na strane položky. Keď je kliknutí myšou na prvok, sa stane aktívnou, ale keď sa kurzor prejde do strany, môže opäť zmeniť, a ukázať sa v aktívnom stave. ": Hover", "aktívne" a "navštívil" - najobľúbenejší pseudo-tried v popise štýlov.

Je to veľmi vhodné ju na svojich stránkach kódom, aby sa nebála o také maličkosti, ako je pohyb myši nad prírodnými živlami. Poskytujúce v tabuľke popisujúci dva druhy štýlov:

prvok {

farba: čierna;

}

prvok: hover {

farba: biela;

background-color: green;

}

Získať, keď nabehnete myšou na prvok automaticky zmení farbu textu z čiernej na bielu, a zmeniť pozadie prvku na zelenú. Pseudo môže byť aplikovaný na akýkoľvek prvok a dosiahnuť širokú škálu vizuálnych efektov.

Druhé pravidlo: dôvera normy, sa riadi jeho kódu

Všetko by bolo v poriadku, ak pokrok zostal u počítačov a notebookov vybavených ramenami, a pokroky v oblasti mobilnej komunikácie neviedla k vzniku chytrých telefónov, tabletov a ďalších mobilných zariadení, ktoré sú pripojené takéto zariadenie je veľmi problematické.

Na druhú stranu, len vybavený špeciálnym dotykovým displejom gadget je k dispozícii priamo manipulovať s prstami na dotykovom displeji, ako sa stalo zvykom, aby chytré telefóny, tablety a podobné zariadenia.

Tam je významný rozdiel, a: hover funguje tu nie je, ako by sme chceli. Žiadny kód nemôže robiť, a použitia otázky médií rozhodne, že na všetky otázky.

Kompatibilita - v dnešnom svete informácií príliš drahé, a preto pre zaistenie správnej funkčnosti webu v stanovených požiadaviek na web design a realizácia funkčné, výhodne vedené nevyhnutné minimum prípady použitia: CSS hover, CSS vznášať ostrenie, CSS hover aktívne (na) , Čím viac kód (ako v prehliadači a na serveri) monitoruje internetových stránok, tým lepšie. Program - je kontrola, to je lepšie, keď táto kontrola nie je na prenájom na milosť súčasných noriem, ktoré často nevedia, čo očakávať.

Tlačidlá a ďalšie prvky stránky

Tlačidlo vznášať CSS - nádherný riešenie, ale v dlhodobom horizonte, z ktorých každá strana prvkom je tlačidlo "". Na stránkach musia byť predovšetkým život a v prípade, že kód nie je postavená, ak je úlohou je vytvoriť web, ktorý vyvíja dostatočný priestor a pôsobí na základe správania návštevníkov, potom aspoň prostredníctvom CSS štýlov môže dať živosťou prvky stránky.

Použite pri umiestnení ukazovateľa účinky pohodlné. S ich pomocou môžete ľahko dať svoje stránky živosť, ale kód nevie, čo robí myši na obrazovke, ak to nie je možné sledovať jeho pohyb. Z tohto pohľadu, ktorý je, keď je pohyb riadiaci kód myši (= pohyb prsta na telefóne), môže nezávisle na sebe označenie položky alebo ju previesť. To nemá nič spoločné s pseudotried, ale dáva plnú kontrolu nad stránku vzhľadu kódu adekvátne zobrazenie na rôznych zariadeniach v rôznych prehliadačoch.

Úskalia v štýly

Hovoriť, že štandard v oblasti štýlov CSS nevedia, čo robia, je to nemožné, ale povedať, že plne spolupracuje s ostatnými normami v oblasti internetového programovania je tiež nemožné.

Štýly a pseudo-triedy môžu byť označené vo fáze kódovania stránky, keď server generuje stránky a dynamiky je už vnútri prehliadača, môžete ľahko vytvoriť nový štýl a meniť existujúce.

Pomocou AJAX, kedy nie je potrebné znovu vytvárať stránky pre zobrazenie reakciu na pôsobenie návštevníka, a to je dosť zmeniť položku alebo viacerých položiek pridáva trochu "korenie". "Priateľstvo" code - to je už v prehliadači (JavaScript) a skutočnosť, že server (PHP) - dedičnosť (programátor) stránky autora.

O tom, ako sa bude vykonávať algoritmus tejto interakcie, výrazne závisí nielen na displeji na strane jeho prvkov, ale aj ich vnímanie ďalšieho kódu. Jednoducho povedané, pseudo (najmä) sú veľmi dobré pre statické, rovnako ako pre jachty v čistom mori s ľahkým vánkom - všetko je jasné, prístupné a zvládnuteľné. Ak sa zmení počasie, alebo keď je vietor silnejší, alebo spôsobí návštevníkovi neočakávanú situáciu, môžete rýchlo zostúpiť na útese a strate návštevníka.

Štandardné a jeho emulácia

Štýl CSS visenie možno emulovať pomocou JavaScriptu, prostredníctvom využívania onmouseover a onmouseout udalostí. Často to všetko skončí. Z hľadiska zdravého rozumu, pokiaľ ide o vytvorenie skutočnej pracovné miesto, je lepšie udržať kontrolu vo svojich rukách, než dať na milosť bájnych noriem, ktoré menia, je vôľa a túžba developer.

Niekedy sa môže stať niečo čítať ako: "Táto funkcia je k dispozícii aj v IE», ale je možné si prečítať o tom, čo štýly sú vnímané popísať konkrétne prehliadač. Oveľa menej sa dozvedieť o tom, ako JavaScript je rôzna v rôznych prehliadačoch.

Vyhodnocovanie skúseností, obdivoval funkcie "Chrome" a "Opera", kritizuje pomalosť a zotrvačnosť prehliadača od výrobcu (z nezabudnuteľné, drahý teda z "Microsoft" akýkoľvek programátor: "Starý dobrý Internet Explorer nebude prekliala len lenivý, alebo ten, kto na počítači. vie, ako hrať "Solitaire", "- citoval neznámeho autora internetu), by sa mali riadiť zlatú strednú cestu: použiť to, čo funguje všade a za všetkých okolností.

Ľudia potrebujú nástroje pre prácu, keď potrebujú získať vzrušenie, ktoré obvykle ísť do matriky alebo v divadle, ale nie k internetu.

Emulácia and Control

Skôr, keď programovanie je stále na svojich nohách, bolo zvykom počúvať seniorov a správne písať. Dnes príliš veľa seniorov, príliš rýchlo, všetko sa mení, a ak budete počúvať po celú dobu nie je dosť aj pre veľmi jednoduchú prácu, pri minimálnom funkčného miesta.

Programovanie - je predovšetkým kontrola, a v prípadoch, keď štandardné neobjektívny stanovuje pravidlá, alebo si môžete očakávať prudkej zmene pravidiel, jeho likvidáciu a vznik nového, že najlepším riešením bolo vždy aby neboli nepripúšťajú nijaké rozhodnutie, a implementovať požadované funkcionality stránke najmenšie, ale v skutočnosti pracuje kód ,