Létrehozása menü css - útmutató kezdőknek, css

Kiterjedésű a globális hálózat gyorsan növekszik, forgalomba rengeteg különböző internetes oldalakon, amelyek mindegyike arra törekszik, hogy vonzza a látogatók figyelmét, és kap őket érdekli.

Módjai hódító az emberek szívét választott eltérő - felhasználásából származó Flash-animációt használata bannerek és merész tervezési megoldások a különböző hang- és vizuális hatásokat.

De ne felejtsük el, hogy a helyszínen - ez elsősorban információforrás, így a kényelem a tartalom bemutatása a honlapon fejlesztő kiemelt figyelmet kell fordítania, és ez az, amiért navigáció, világos a látogató intuitív szinten, ez annyira fontos.

A menü a leggyakoribb site navigációs rendszer, amely össze lehet hasonlítani a tartalomjegyzék egy könyv. A menü látható legyen minden oldalon az erőforrás, amely lehetővé teszi a felhasználó számára, hogy azonnal ugrani egy adott szakaszt.

A tömeges oldalakat, amelyek több mint 50 oldalas, lehetetlen elhelyezni egy teljes menü hozzáférést biztosít az összes részt.

Ebben az esetben használja a legördülő menüt a CSS, amikor rákattint, hogy vannak további linkek al-szakaszok.

Változatos menü a CSS

Rengeteg féle és fajta menü CSS:

1. A főmenü. Ez a lista a konkrét hivatkozások a legfontosabb részei a honlapon.
2. További menüben. Ez a menü hierarchikus felépítése és három típusba sorolhatók:
   
   • Legördülő menüben. Kiderül, ha lebeg a kurzort az elem;
   • A pop-up menü a honlapon. Ismertet egy kattintással egy bizonyos ponton
   • Statikus további CSS menük. A fa struktúra látható már kibővített formában.

Hogyan hozzunk létre egy menü CSS?

Itt egy példa létrehozásának egyszerű vízszintes és függőleges CSS menük magyarázatokkal.

vízszintes menü kód felírt az alábbiak szerint:

A végeredmény hasonló egy vízszintes menü:

függőleges menü, a kód van írva a következő:

Függőleges menü. segítségével kapott a kód így néz ki:

Vezetett a fenti elveket, mi hozza a kódot egy egyszerű legördülő menüből:

Kapunk egy legördülő menüből:

Mint látható, elég egyszerű HTML-kódokat, és csak néhány sornyi CSS kódot lehet létrehozni egy egyszerű, de elegáns menü, ami biztos, hogy megtalálja a helyét a bármely honlapján. Ügyeljen arra, hogy próbálja meg végrehajtani ilyet magának.