Òdinatè, Lojisyèl
Kouman fè yon gout-desann meni CSS
Jodi a nou pral konsidere kesyon an nan "Kouman pou mwen kreye yon gout-desann meni CSS?". Li ta dwe di nan yon fwa ki pral atik sa a dwe fè san yo pa konekte nenpòt lajan adisyonèl. Sa se, yo pral meni an dwe kreye sèlman avèk CSS ak HTML.
fòmasyon
Bay tout konprann sa ki ladan l 'nan atik la, ou bezwen yon ti kras jwenn konnen ak materyèl teyorik. Men, si ou yo abitye avèk pseudo-klas, ou ka sote paragraf sa a. Se konsa, yo kreye yon vètikal gout-desann meni CSS, nou bezwen yon eleman kòm «: hover». pseudo: ka «hover» la kapab asiyen li nan nenpòt ki tag HTML. Li pèmèt ou yo defini moman sa a lè yon atik Hover sourit ou. Pou egzanp, nou te nonmen pwopriyete: «yon: hover {koulè: wouj;}». Sa a antre vle di ke lè ou hover sourit la li vire wouj sou sa ki nan nenpòt ki tag. Li se vo anyen ki sa a pseudo-eleman tou inaktif. By wout la,: gen «hover» ki gen rapò eleman menm jan an. Men, depi nan sa a nou pral kreye meni drop-desann pseudo CSS.
enstriksyon
Premyèman, kite a konprann ki sa ki yon meni drop-desann. Anba definisyon sa a vin yon anpil nan diferan metòd konstwi kouman diferan. Nan ka sa a, nou pral analize yon estrikti ki fòme ak plizyè atik toujou ap vizib ak plizyè adisyonèl (kache). Se pou nou fini ak teyori a epi kòmanse pratike.
- Nou kreye Layout a nan meni nou an. Pou fè sa, HTML-Kòd etikèt. Kreye yon lis enbrike:
-
- < / UL>. Yon bagay tankou sa a ta dwe gade tankou meni drop-desann ou yo. CSS entèvni pita. Nan ka sa a lis la prensipal gen ladan twa zòn prensipal ak de ki fèmen.
- Kache sub-meni an. Pou sa nou sèvi ak yon stylesheet, defini pwopriyete sa yo: UL UL {ekspozisyon: Pa gen yonn;} Sa a pral retire eleman ki nan lis nan dezyèm nan ekran an.
- Kreye yon CSS meni an, lage desann nan lis prensipal la. Fèy papye yo style kaskad ekri règ sa a: UL Li: hover UL {ekspozisyon: blòk;}. Sa a antre vle di ke lè sourit la se sou Li nan eleman, ki sitiye nan lis UL parèt sou UL nan ekran (tache). Nan premye gade, tankou yon konplo ki ka sanble yo konplike ak konfizyon. Men, an reyalite, tout bagay se trè senp.
- Sèvi ak sa a layout tèt ou pa mete etikèt yo
- kontni ou. Ou ka chanje nimewo a nan lis eleman.
chanjman dekoratif
Le pli vit ke Layout a meni prensipal la se pare, ou ka kontinye nan enskripsyon an. Pwobableman, anpil moun nan plas an premye vle debarase m de makè ki endike atik la lis. Sa a se fè lè l sèvi avèk yon CSS pwopriyete sèl, sètadi lis-style-kalite a. Ou bezwen ajoute antre nan yo: Li {lis-style-kalite: Pa gen yonn;}. Lè sa a, ou ka insert ankadreman an, epi fè background nan. fwontyè a ak background ede w ak sa. Petèt kèk pa pral renmen meni an rale-desann ap parèt kòm yon lis adisyonèl, pouse nan eleman yo menm de baz yo. Pou repare ak repare sa a, ou ka pozisyon li. Pou fè sa, dra style kaskad ekri antre nan yo: UL UL {pozisyon: absoli; bò gòch: 15px; dwa: 15px; tèt: 15px; anba: 15px;}. Natirèlman, valè yo ou pral sèvi avèk pwòp ou yo. Tou depan de ki kote ou vle wè meni yo drop-desann, CSS pral ofri anpil plis karakteristik ki kapab ajoute efè divès kalite ak dekore lis nou an.
konklizyon
Yon fwa ankò li se vo anyen konstriksyon an nan Layout a meni. Yo asiyen règ yo CSS itilize nan sa a valè ka entegre, pou egzanp, UL ul. Si ou se nan dokiman an al kontre lòt estrikti ki similè yo, gen pouvwa pou pwoblèm gwo. Nan sitiyasyon sa yo, ou bezwen sèvi ak yon rezon espesifik, pou egzanp, seleksyon oswa ID-idantite. se layout atik gout-desann meni ki anwo la a fèt pran abitid familyarize konsepsyon la an jeneral. Rès la nan travay la repoz sou zepòl nou ankò.
Similar articles
Trending Now