CSS tlačítka. Výhody. Styly. Estetika

Pravděpodobně nebude žádná stránka bez odkazu na jiné stránky tlačítek. Každý chce přitáhnout pozornost na své místo a současně pomocí různých prostředků. V návrhu webových stránek se jedná o návrh tlačítek, které se liší v různých parametrech - ve velikosti, tvaru, efektu apod.

CSS tlačítka jsou nejvhodnější. Na chvíli je jejich styl zcela změněn. A samozřejmě to poskytuje další příležitosti pro návrh lokality jako celku.

Nejprve, aby nedošlo k záměně a nedorozumění, je třeba pochopit některé pojmy.

CSS, co to je

CSS, což znamená "kaskádové styly" v překladu, je dnes jednou z hlavních technologií na internetu. Bez tohoto jazyka je nepravděpodobné, že spravuje alespoň jednu stránku.

Kód CSS jsou pokyny pro prohlížeče, které obsahují informace o tom, jak zobrazit položky na stránce a kde je to možné.

Uložení takových instrukcí je vhodné v samostatném souboru s příponou .css. Na druhou stranu je můžete umístit na začátek html dokumentu.

Tlačítko na webu. Jak to vypadá?

Button, nebo grafický pro plavbu na místě by měl upoutat pozornost návštěvníka vidět, že se skrývá potřebné informace, a navíc by to chtít kliknout. Když je dostatečně jasná a prominentní, bude to zaznamenáno. Toto tlačítko může lákají například zanechat komentář na místě, nebo poslat žádost o Registrace k odběru novinek zajímavé, a, samozřejmě, jednoduše převést požadovanou část uživatele webu.

Tlačítka jsou statická, animovaná, dynamická, se zvukem a bez něj.

Mohou být speciálně vytvořeny například ve Photoshopu a nahrát obrázek na web a můžete je snadno a rychle přicházet v CSS.

CSS tlačítka

Tato tlačítka jsou velmi jednoduchá. Velkou výhodou jejich aplikace je, že mohou být kdykoliv změněny bez ohledu na to, doslovně za pár vteřin.

Jak víte, tlačítka mají tři polohy:

• odpočinout, když se s ním nic neděje, ale prostě procházíte stránku;
• pozici s kurzorem;
• a stisknutí tlačítka aktivace.

Tlačítka budou plně zobrazena v prohlížečích, jako jsou prohlížeče Firefox, Safari, Opera nebo Chrome. Zároveň v aplikaci Internet Explorer 9 nelze tlačítka zobrazovat úplně. Například, kulaté rohy, textu stín a mrtvice kolem tlačítka nebudou zde vidět vzhledem k tomu, že tyto vlastnosti nejsou podporovány pro tento prohlížeč. Nicméně obecně CSS tlačítka pro web vypadat slušně v této verzi prohlížeče. V aplikaci Internet Explorer 8 a v dalších verzích pod osmé tlačítko se tlačítko nezobrazí, ale současně zůstane viditelnost přechodů.

Pokud porovnáte tlačítko ve formě obrázku a tlačítka CSS, rozdíl v umístění na serveru bude zcela nevýznamný. Tlačítka CSS však sníží počet požadavků na server, ale to už bude jasná výhoda oproti tlačítku ve formě obrázku.

Ukazuje se, že i v případě, že podpora některých vlastností CSS v aplikaci Internet Explorer a ne, tato tlačítka budou vypadat stále více výherních než jednoduché obrazy, protože jediná věc, která přijde o uživatele v aplikaci Internet Exporer, takže to vidět estetiku moderních technologií na webu -design. Ale to je naprosto nevýznamná nevýhoda.

Pro každou pozici specifikujete svůj vlastní styl. Tyto styly jsou napsány ve speciálním souboru css nebo mezi nadpisy na stránce samotného webu.

Umístěte tlačítko na místo

Mezi těly štítků je napsán kód:

kde

id = "button2" zde znamená název přiřazený k tlačítku,

href = "HYPERLINK" zde je uveden přímý odkaz na požadovaný dokument,

TEXT - vytiskne text, který se zobrazí na tlačítku.

Tlačítka stylů

1. Styl tlačítka CSS se zaznamenává samostatně v dokumentu nebo na samotné stránce:

2. Tlačítka CSS jsou zpočátku zapsána, když jsou v klidu:

3. Dále se zaznamenávají parametry odpovídající tlačítku, když je na něm ukazován kurzor. Pokud se v tomto případě změní pouze barva a výplň, ve stylu vše zůstane stejné, s výjimkou barvy a výplně:

4. A poslední parametr se týká polohy tlačítka při stisknutí kurzorového tlačítka. Často se v takových případech používá pouze minimální změny, například barva, jako v tomto případě:

CSS - krásná tlačítka

Pro vytvoření tlačítek můžete použít gradient. Nejlepším způsobem je nejprve nakreslit tlačítko v grafickém editoru, například Photoshop, abyste přesně věděli, co to skončí. Pokud používáte Photoshop, pak to zpočátku již mají některé přechody, ale kromě toho si můžete stáhnout víc a víc, druh, který by chtěl získat na internetových stránkách.

Při experimentování s kódem CSS a při změně různých parametrů je možné změnit krásná tlačítka CSS a výběrem možnosti pro dosažení požadovaného výsledku.

Tyto parametry jsou:

- barva textu na tlačítku;

- velikost textu a tlačítek;

- barevné gradientní tlačítka;

- poloměr rohů tlačítka;

- a barvu jeho zdvihu.

Přesně řečeno, můžete klidně, bez strachu, experimentovat a vybrat nejlepší možnost. Navzdory malému počtu parametrů můžete ve stylových tlačítkách vytvořit velmi rozmanité.