CSS: hover. Původní umístění ukazatele účinky

Radikálně nový byl nápad rozdělit prezentaci informací z kódu je vytvořen a zpracován. Bylo to silné rozhodnutí ve stanovené lhůtě, ale tentokrát nebyl rozpoznán pak úplně. Při programování je oddělena od jednoho počítače, ale nevyhrál v lokální síti nebo jediné domény zóny, a okamžitě se rozšířil všude možně, ale pak se ukázalo, že poskytování informací (z hlediska designu) a pracovat s ním (pokud jde o kód) - dva strana ve stejné rovině.

Tři aspekty bytovou výstavbu

Z formálního hlediska, existují tři hlavní složky (v různých maskách syntax), které tvoří webu: PHP-kód JavaScriptu kód a popis stylů CSS. Nezáleží na tom, jak se používají a jaké verze konkrétní složkou, jakou verzi HTML se používá a jakou verzi prohlížeče stojí za to. Kompatibilní s dnes není ve velké úctě, protože v daném okamžiku je po lhůtě splatnosti: který je kódován a to, co je kódován, mohou být zobrazeny a popraven.

Pokud dříve bojoval za myšlenku jazyka, nyní bojují marně preferují výrobci normy v oblasti internetových technologií a prohlížečů.

Soukromého a veřejného

Prostředky, které je přístup k internetu, hodně (počítače, notebooky, tablety, chytré telefony), prohlížečů, také není nouze. Neexistuje žádná záruka, že se jednotlivé zařízení zobrazí stránky v podobě, v jaké byl vytvořen vývojář. Ne vždy dosáhnout cíle poslední úsilí a zajistit jednotný web design má mnoho tváří, že je podstatou displeje jednoty, všude tam, kde může být otevřen pro návštěvníky.

Sdílení soukromý i veřejný, s použitím druhé jen to, co funguje, můžete dosáhnout významného pokroku v designu. Krása, umělecký moment a web design - dědictví příslušných odborníků a nadání. CSS - kód, i když velmi zvláštní. Jeho zájem popsat styly (Volby zobrazení). S příchodem mobilních zařízení CSS načíst aktuální kódování dotazy médií. Takže možnost re-manželství mezi designem a kódu - to není tak nereálné, jak by se mohlo zdát před několika lety.

Developer zabývající se vývojem CSS stylů na základě své osobní zkušenosti a prokázané ty CSS vzory, které fungují na většině prohlížečů uspokojí většinu návštěvníků. první a druhé minimum by měl být použit co nejvíce, pak mnohem větší šanci dostat výsledek, který pracuje prakticky kdekoliv a kdykoliv.

První pravidlo: Standardní naděje, ale i ti, kteří si pomohli sami

CSS: hover - když se myš „pryč“ na straně položky. Když je klepnutí myší na prvek, se stane aktivní, ale když se kurzor přejde do strany, může opět změnit, a ukázat se v aktivním stavu. „: Hover“, „aktivní“ a „navštívil“ - nejoblíbenější pseudo-tříd v popisu stylů.

Je to velmi vhodné ji na svých stránkách kódem, aby se nebála o takové maličkosti, jako je pohyb myši nad přírodními živly. Poskytující v tabulce popisující dva druhy stylů:

prvek {

barva: černá;

}

element: hover {

barva: bílá;

background-color: green;

}

Získat, když najedete myší na prvek automaticky změní barvu textu z černé na bílou, a změnit pozadí prvku na zelenou. Pseudo lze aplikovat na libovolnou položku a dosáhnout širokou škálu vizuálních efektů.

Druhé pravidlo: důvěra normy, se řídí jeho kódu

Všechno by bylo v pořádku, pokud pokrok zůstal u počítačů a notebooků vybavených rameny, a pokroky v oblasti mobilní komunikace nevedla ke vzniku chytrých telefonů, tabletů a dalších mobilních zařízení, která se připojují takové zařízení je velmi problematické.

Na druhou stranu, jen vybaven speciálním dotykovým displejem gadget je k dispozici přímo manipulovat s prsty na dotykovém displeji, jak se stalo zvykem, aby chytré telefony, tablety a podobná zařízení.

Tam je významný rozdíl, a: hover funguje zde není, jak bychom chtěli. Žádný kód nemůže dělat, a použití dotazy médií rozhodne, že na všechny otázky.

Kompatibilita - v dnešním světě informací příliš drahé, a proto pro zajištění správné funkčnosti webu ve stanovených požadavků na web design a realizace funkční, s výhodou vedeno nezbytné minimum případy použití: CSS hover, CSS vznášet ostření, CSS hover aktivní (na) , Čím více kód (jako v prohlížeči a na serveru) monitoruje internetových stránek, tím lépe. Program - je kontrola, to je lepší, když tato kontrola není k pronájmu na milost současných norem, které často nevědí, co očekávat.

Tlačítka a další prvky stránky

Tlačítko vznášet CSS - nádherný řešení, ale v dlouhodobém horizontu, z nichž každá strana prvkem je tlačítko „“. Na stránkách musí být především život a v případě, že kód není postavena, je-li úkolem je vytvořit web, který vyvíjí dostatečný prostor a působí na základě chování návštěvníků, pak alespoň prostřednictvím CSS stylů může dát živostí prvky stránky.

Použijte při umístění ukazatele účinky pohodlné. S jejich pomocí můžete snadno dát své stránky živost, ale kód neví, co dělá myši na obrazovce, pokud to není možné sledovat jeho pohyb. Z tohoto pohledu, který je, když je pohyb řídicí kód myši (= pohyb prstu na telefonu), může nezávisle na sobě označení položky nebo ji převést. To nemá nic společného s pseudotříd, ale dává plnou kontrolu nad stránku vzhledu kódu adekvátně zobrazení na různých zařízeních v různých prohlížečích.

Úskalí v styly

Říkat, že standard v oblasti stylů CSS nevědí, co dělají, je to nemožné, ale říci, že plně spolupracuje s ostatními normami v oblasti internetového programování je také nemožné.

Styly a pseudo-třídy mohou být popsány ve fázi kódování stránky, když server generuje stránky a dynamiky je již uvnitř prohlížeče, můžete snadno vytvořit nový styl a měnit stávající.

Pomocí AJAX, kdy není třeba znovu vytvářet stránky pro zobrazení reakci na působení návštěvníka, a to je dost změnit položku nebo více položek přidává trochu „pepř“. „Přátelství“ code - to je již v prohlížeči (JavaScript) a skutečnost, že server (PHP) - dědičnost (programátor) stránky autora.

O tom, jak se bude provádět algoritmus této interakce, výrazně závisí nejen na displeji na straně jeho prvků, ale i jejich vnímání dalšího kódu. Jednoduše řečeno, pseudo (zejména) jsou velmi dobré pro statické, stejně jako pro jachty v čistém moři s lehkým vánkem - vše je jasné, přístupné a zvládnutelné. Pokud se změní počasí, nebo když je vítr silnější, nebo způsobí návštěvníkovi neočekávanou situaci, můžete rychle sestoupit na útesu a ztrátě návštěvníka.

Standardní a jeho emulace

Styl CSS visení lze emulovat pomocí JavaScriptu, prostřednictvím využívání onmouseover a onmouseout událostí. Často to všechno skončí. Z hlediska zdravého rozumu, pokud jde o vytvoření skutečné pracovní místo, je lepší udržet kontrolu ve svých rukou, než dát na milost bájných norem, které mění, je vůle a touha developer.

Někdy se může stát něco číst jako: „Tato funkce je k dispozici i v IE», ale je možné si přečíst o tom, co styly jsou vnímány popsat konkrétní prohlížeč. Mnohem méně se dozvědět o tom, jak JavaScript je různá v různých prohlížečích.

Vyhodnocování zkušeností, obdivoval funkce „Chrome“ a „Opera“, kritizuje pomalost a setrvačnost prohlížeče od výrobce (z nezapomenutelné, drahý tedy z „Microsoft“ jakýkoli programátor: „Starý dobrý Internet Explorer nebude proklela jen líný, nebo ten, kdo na počítači. ví, jak hrát „Solitaire“, „- citoval neznámého autora internetu), by se měly řídit zlatou střední cestu: použít to, co funguje všude a za všech okolností.

Lidé potřebují nástroje pro práci, když potřebují získat vzrušení, které obvykle jít do matriky nebo v divadle, ale ne k internetu.

Emulace and Control

Dříve, když programování je stále na svých nohou, bylo zvykem poslouchat seniory a správně psát. Dnes příliš mnoho seniorů, příliš rychle, vše se mění, a pokud budete poslouchat po celou dobu není dost i pro velmi jednoduchou práci, při minimálním funkčního místa.

Programování - je především kontrola, a v případech, kdy standardní neobjektivní stanovuje pravidla, nebo si můžete očekávat prudké změně pravidel, jeho likvidaci a vznik nového, že nejlepším řešením bylo vždy aby nebyly činěny žádné rozhodnutí, a implementovat požadované funkcionality stránce nejmenší, ale ve skutečnosti pracuje kód ,