Թե ինչպես կարելի է կատարել մի բացվող CSS մենյուների

ուսուցում

Նախ, եկեք հասկանանք, թե ինչ է բացվող մենյու. Սույն սահմանման ստանում է շատ տարբեր մեթոդների շինարարական տարբեր դասավորության. Այս դեպքում, մենք պետք է վերլուծել մի կառույց, որը բաղկացած է մի քանի անընդհատ տեսանելի իրերի եւ մի քանի լրացուցիչ (թաքնված): Եկեք ավարտել տեսության եւ սկսում է զբաղվել:

• Մենք ստեղծել դասավորությունը մեր ցանկի. Որպեսզի դա անել, HTML կոդ մակնշմանը: Ստեղծել մի nested ցուցակը:
  • • < / ul>: Նման բան է սա պետք է նայենք, ինչպես ձեր կաթիլ ներքեւ ցանկի. CSS է միջամտել ուշ: Այս դեպքում հիմնական ցանկը բաղկացած է երեք հիմնական ոլորտներում եւ երկու կից:
    • Թաքցնել ենթաօրենսդրական մենյուն: Դա մենք օգտագործել ընդարձակելի, սահմանում է հետեւյալ հատկությունները: UL UL {էկրան: none;} Սա կհեռացնի տարրեր երկրորդ ցանկում է էկրանին:
    • Ստեղծել մի մենյու CSS, կաթիլ ցած է հիմնական ցուցակում: Այն Cascading Style թերթ գրել է հետեւյալ կանոնը: ուլ LI: hover ուլ {ցուցադրման: թաղամաս;}. Այս գրառումը նշանակում է, որ այն ժամանակ, երբ մկնիկը է ավելի տարրը Li, որը գտնվում է ուլ ցուցակում հայտնվում էկրանի վրա ul (կցվում է): Առաջին հայացքից, նման սխեման կարող է թվալ բարդ ու շփոթեցնող. Սակայն, ըստ էության, ամեն ինչ շատ պարզ է.
    • Use այս դասավորությունը ինքներդ Տեղադրելու թեգերը
    • Ձեր բովանդակությունը. Դուք կարող եք փոխել թիվը ցուցակի տարրերի.

    դեկորատիվ փոփոխություններ

    Պես հիմնական ցանկի դասավորությունը պատրաստ է, դուք կարող եք անցնել գրանցման: Հավանաբար, շատերն են առաջին տեղը պատրաստ է ազատվել մարկերներ նշելով ցանկի տարրը: Սա արվում օգտագործելով մի գույքային CSS, մասնավորապես ցուցակ-style-տեսակ: Դուք պետք է ավելացնել հետեւյալ գրառումը `li {ցանկը ոճով տիպի: none;}. Ապա դուք կարող եք տեղադրել շրջանակ եւ կատարել է հետին պլան: Հայ-թուրքական սահմանը եւ ֆոնային օգնել ձեզ միանալ այս խմբին: Թերեւս ոմանք չեն ցանկանում, որ քաշեք ներքեւ մենյու կհայտնվի որպես լրացուցիչ ցուցակում, հրում է նույն հիմնարար տարրերից. Ամրագրել այս, դուք կարող եք այն տեղը: Որպեսզի դա անել, Cascading Style թերթ գրել հետեւյալ գրառումը: UL UL {դիրքորոշումը: բացարձակ; ձախ: 15px; ճիշտ է: 15px; վերեւ: 15px; ներքեւից: 15px;}. Իհարկե, այն արժեքները, դուք կարող եք օգտագործել ձեր սեփական. Կախված նրանից, թե որտեղ դուք ցանկանում եք տեսնել, թե բացվող ցանկերը, CSS կառաջարկի շատ ավելի առանձնահատկություններ, որոնք կարող են ավելացնել տարբեր էֆեկտներ եւ զարդարում են մեր ցուցակները:

    եզրափակում

    Եւս մեկ անգամ հարկ է նշել, շինարարությունը մենյու դիրքով: Հանձնարարել CSS կանոնները, որոնք օգտագործվում են այս գործով ներդրված արժեքի, օրինակ, UL UL. Եթե դուք գտնվում են փաստաթղթում հանդիպելու այլ նմանատիպ կառույց, այնտեղ կարող են լինել մեծ խնդիրներ. Այդ իրավիճակներում, դուք պետք է օգտագործել հատուկ նպատակը, օրինակ, selectors կամ ID-վկայականների: Վերը նշված հոդվածը դասավորությունը արտընկա, որը նախատեսված է ծանոթացնել ընդհանուր դիզայն. Մնացած է աշխատանքի հենվում է ձեր ուսերին.