Hogyan hozhatok létre legördülő CSS menüket?
A kaszkádás stílusú lapok (CSS) egy név, amely leírja, hogy a hiperszöveg -jelölési nyelv (HTML) vagy a kibővíthető jelölőnyelv (XML) dokumentum formázva van.Használható bármilyen típusú XML -dokumentumhoz, de leggyakrabban a HTML -ben írt weboldalakkal használják.A CSS felhasználható a weboldalak legördülő menüinek létrehozására.A legördülő CSS menük egyetlen szöveges elemmel látható, amíg a látogató az egeret használja a menü fölé, ahol a teljes elemek listája megjelenik.A menüt a CSS azonosító és az osztálycímkék segítségével hozták létre.Ez a választó úgy néz ki, mint #35;.Ezt követi az azonosító neve.Bármit megnevezhet az azonosítónak, de leírónak kell lennie, hogy mások elolvashassák a kódot.Például egy legördülő menü használhatja a #35; Drop1 kódot.Az osztály a HTML lista elem része lesz.A lista elemet a Li karakterek jelölik.Hozzon létre a felső szintű osztályt a li.top beírásával.Az osztály leírása két göndör nadrágtartót tartalmaz.
A következő példa a lista első elemének teljes CSS-kódját mutatja:
#35; Drop1 li.top #123; font-család;Verdana, Genf, San-Serif #59;
betűméret #58;100%#59;Color #58;#35; ff00ff #59; #125;
Következő, Hozzon létre egy osztályt azokhoz az elemekhez, amelyek a CSS menü első eleme alatt rejtettek.Az osztály leírja a HTML rendezetlen listáját, amelyet az ul karakterekkel jelöltek meg.A leírás lényegében megegyezik a legfelső szintű menüponttal, a leírás elején a "#58; 59; 59. számú szavak hozzáadásával.Ez azt jelzi, hogy a rendezetlen listában szereplő tételek elrejtenek, amíg a mutató a legördülő CSS menü fölé kerül.
Az alábbiakban egy példát mutatunk be a CSS-kód ezen részére #58;
betűméret #58;100%#59;
Color #58;#35; ff00ff #59; #125;Ellenkező esetben, amikor a látogató lebeg a menü fölött, akkor a dokumentum többi részét lefelé tolja az oldalra, hogy helyet biztosítson a listának.A helyzet elem abszolút beállítása ezt megteszi.
A pozíció beállításához szükséges kód #58;menü.A legördülő CSS menü többi részét a HTML dokumentumban hozzák létre a DIV, ID, osztály, LI és UL elemek segítségével.A DIV címke elválasztja a dokumentum menü részét.Type #60; div id ' drop1 #62;A legördülő menü részének létrehozásához.Ezután indítsa el a rendezetlen listát a HTML UL elem segítségével.
Adja hozzá az első osztályt az első listaelemhez, és a linkosztályt a többi elemhez.A HTML -kódnak hasonlónak kell lennie:
#60; div id ' csepp1 #62;