Computeren, Software
, Wéi eng Lëscht-verwandelt CSS Menue ze maachen
Haut wäerte mir d'Fro vun betruecht "Wéi maachen ech en Drop-verwandelt CSS Menue schafen?". Et soll op eng Kéier soen, datt dës Zomm wäert ouni ëmklammen all zousätzlech Suen gemaach ginn. Dat ass, wäert de Menü nemmen mat CSS an HTML geschaf ginn.
Formatiounen
Fir komplett ze verstoen, wat an et an den Artikel ass, muss du e bëssen ze kréien besser mat theoretesch Material. Mä wann dir mat Pseudo-Klassen Gewunnecht ginn, kënnt Dir dëse Paragraph Fräilous. Also, de vertikalen Tast Menü CSS ze schafen, mussen mir en Element wéi «: hover». De Pseudo ": hover» kann zu jidder ernannt ginn HTML Tag. Et erlaabt Dir de Moment ze definéieren, wou en Element Är Maus Hover. Zum Beispill, hunn mir Propriétéit ernannt: «engem: hover {Faarf: rout;}». Dëst Element huet bedeit, datt wann Dir d'hover Maus et op d'Inhalter vun all Tag rout ausgeglach. Et soll feststellen, datt och dës Pseudo Zell inactivated as. Iwwregens,: huet «hover» ähnlech Elementer dinn. Mee aus deem, wäerte mir Pseudo CSS Drop-verwandelt Menü schafen.
Uweisunge
Éischt, mer elo verstoen wat ass eng Lëscht. Ënnert dës Definitioun kritt vill verschidde Methoden verschiddene Layouten Gebaier. An dësem Fall, wäerte mir eng Struktur aus puer permanent siichtbar heizou an e puer zousätzlech (verstoppt) analyséieren. Loosst d'mat der Theorie Arrivée a fänken un Praxis.
- Schafen de Layout vun eise Menü. Maachen dat,-HTML Code Etikette. Et schaaft e gemaach Lëscht:
- < / ech>. Eppes wéi dat soll wéi Är Lëscht kucken. CSS spéit ze intervenéieren. An dësem Fall besteet den Haaptgrond Lëscht vun dräi wichtegst Beräicher an zwee zouenen.
- Verstoppen der Ënner-Menü. Fir dat mer eng Virlag benotzen, definéieren den folgenden Eegeschaften: ech ech {Haaptsäit: Keen;} Dëst wäert den Elementer vun der zweeter Lëscht vum Écran ewechzehuelen.
- Schafen eng Menü CSS, Lëscht vun den Haapt Lëscht verwandelt. D'Kaskadespär Stil Blieder schreiwen folgend Regel: ech Li: hover {ech Haaptsäit: Spär;}. Wëll bedeit, datt wann d'Maus ass iwwer d'Element Li, déi an ech Lëscht etabléiert ass schéngt op den Ecran ech (verbonnen). Op den éischte Bléck, wéi e Schema kann komplizéiert a konfus schéngen. Mä eigentlech, ass alles ganz einfach.
- Benotzen dëse Réseau selwer vun den Tags Aschreiwe
- Är Inhalter. Dir kënnt d'Nummer vun der Lëscht Elementer Ännerung.
dekorativen Ännerungen
Soubal den Haapt Menü ass prett, kënnt Dir bis Aschreiwung virgoen. Wuel, vill zu der éischter Plaz bereet ze kreien vun lues besot der Lëscht Punkt. Dat ass gemaach engem eenzege Propriétéit CSS benotzt, nämlech den Lëscht-Stil-Typ. Dir braucht dëse Element zu Foto: Li {Lëscht-Stil-Typ: Keen;}. Da kanns de Kader duer a maachen Hannergrond. Der Grenz an Hannergrond hëllefen dir mat dëser. Vläicht wéi e puer wäert net de zitt-verwandelt Menü als zousätzlech Lëscht erschéngen gëtt, op der selwechter Basis Elementer ebessen. Fir befestegt dat, kënnt dir et Positioun. Maachen dëst, Blieder Kaskadespär Stil schreiwen folgend Element: ech ech {Positioun: absolute; lénks: 15px; Recht: 15px; erop: 15px! ënnen: 15px;}. Natierlech, gëtt de Wäerter Dir Är eegen benotzen. Je wou Dir wëllt den Lëscht-Felder den Datum ze gesinn, wäert CSS vill méi Méiglechkeeten bidden, datt verschidde Effekter Foto kënnt an eise Lëschten dekoréieren.
Konklusioun
Nach eng Kéier ass et wäert opgeschriwwen de Bau vun der Menü. der CSS Regelen zum Beispill, ech ech an dësem Fall Ënnerbewosstsinn Wäert, benotzt ze uginn. Wann Dir am Dokument ze treffen aner ähnlech Struktur sinn, kënnen do grouss Problemer ginn. An dëse Situatiounen, braucht Dir eng bestëmmten Zweck ze benotzen, zum Beispill, selectors oder ID-IDen. D'virun Artikel Réseau Lëscht gëtt entworf der allgemengen Design schliesslich. Rescht vum Aarbecht leien op Schëlleren.
Similar articles
Trending Now