Ընտրացանկերի ստեղծումը, հավանաբար, կայքերի և ծրագրերի մշակման հիմնական կետերից մեկն է: Բացի այդ, նման ընտրացանկի լավ մշակումն ու տրամաբանական ձևավորումը կայքի կամ ցանկացած ծրագրի դեմքն է: Օրինակ `վերցնենք Microsoft- ը և Windows 7-ը: Windows 7-ի թողարկումից հետո Microsoft- ը լսում էր բազմաթիվ քննադատություններ, որոնք իր համար շոյող չէին: Եղել են բազմաթիվ քննադատություններ, բայց ամենից հաճախ անհարմար դիրքում գտնվող ընտրացանկերը: Careգուշորեն կարդացեք այս ձեռնարկը, թե ինչպես ստեղծել հորիզոնական բացվող ընտրացանկ CSS- ի և Expression Web- ի միջոցով: Պիտակների ոճերը կփոխվեն ՝ ընտրացանկը ստեղծելու համար
Հրահանգներ
Քայլ 1
Գնացեք Կառավարեք ոճերը և այնուհետև կտտացրեք Նոր ոճի կոճակին: Ձեր ընտրած նոր ոճին տվեք Ընտրիչ ul li անունը: Նաև հիշեք, որ համոզվեք, որ նոր ոճը պետք է սահմանվի բացվող. ՍՍՍ ֆայլում:
Քայլ 2
Հորիզոնական ընտրացանկը ձգելու համար հարկավոր է ընտրացանկի իրերին ասել, որ այն հորիզոնական կլինի: Հաջորդը, դուք պետք է որոշեք ընտրացանկի յուրաքանչյուր կետի լայնությունը և հանեք բոլոր ավելորդ կետերը ցուցակի բոլոր կետերի դիմաց:
Քայլ 3
Հորիզոնական հավասարեցման համար անցեք «Դասավորություն» և ցուցադրման հատկանիշը սահմանեք ներս: Սահմանեք float հատկությունը ձախ: Կտտացրեք Դիմել կոճակին: Listանկի բոլոր կետերը պետք է դրվեն մեկ տողի վրա: Որպեսզի դրանք միմյանց չհամընկնեն, պետք է անեք հետևյալը. Լայնության հատկության Position արժեքը դնել 150px: Այժմ ստուգեք այն: Listանկի բոլոր տարրերը պետք է դառնան նույն չափը:
Քայլ 4
Այժմ մենք պետք է փորձենք ցուցակի կետերի դիմաց կետերը հանել: Դա անելու համար անցեք Listուցակ և ցուցակի ոճի տիպի հատկանիշը սահմանեք ոչ մեկի:
Քայլ 5
Սեղմեք OK ՝ բոլոր փոփոխություններն ընդունելու համար:
Քայլ 6
Տառատեսակի չափը ul li ոճին հարմարեցնելու համար հարկավոր է անել հետևյալը. Կառավարեք ոճերը, սեղմեք աջ այն ոճի վրա, որը դուք պետք է ընտրեք Փոփոխել ոճը: Կբացվի հատկանիշները ավելացնելու կամ փոխելու ծանոթ երկխոսության տուփը: Անցեք Տառատեսակների կատեգորիա և դրեք font-family հատկանիշը Arial, Helvetica, sans-serif: Հաջորդը, անցեք տառատեսակի չափի հատկանիշին և դրեք այն 0.9em: Դրանից հետո կարգավորեք տեքստի վերափոխման հատկանիշը, դրա համար նշանակեք մեծատառ:
Քայլ 7
Ստեղծված ընտրացանկի տարրերի բարձրությունը կարող է ճշգրտվել Դիրք անվանակարգում: Բարձրության հատկությունը սահմանեք 30 px:
Քայլ 8
Հաջորդը, դուք պետք է պահեք menu.html ֆայլը: Դա անելու համար, Expression Web- ը կբացի ֆայլը պահպանելու համար անհրաժեշտ Պահել ներկառուցված ֆայլերը: Պահել բացվող.css ֆայլում: Սեղմեք OK ՝ փրկելու համար:
Քայլ 9
Այժմ ստուգեք ձեր արդյունքը: Հուսալիության համար ավելի լավ է այն փորձարկել տարբեր զննարկիչներում: Ստանդարտ զննարկչում ստացված արդյունքը ստուգելու համար հարկավոր է սեղմել ստեղնաշարի F12 ստեղնը:
