Computers, Software
Yuav ua li cas yuav ua rau ib tug nco-down CSS menus
Niaj hnub no peb yuav xav txog cov nqe lus nug ntawm "Yuav ua li cas kuv tsim ib tug nco-down CSS menus?". Nws yuav tsum tau hais ib zaug hais tias cov khoom no yuav tsum ua los tsis txuas ntxiv nyiaj. Uas yog, cov zaub mov yuav tsum tau tsim xwb nrog CSS thiab HTML.
kev kawm
Yuav kom nkag siab yog dab tsi nyob rau hauv nws nyob rau hauv tsab xov xwm, koj xav tau ib tug me ntsis xav mus ntsib cov theoretical khoom. Tab sis yog hais tias koj me ntsis txog cov pseudo-chav kawm ntawv, koj muaj peev xwm hla qhov no pawg lus. Yog li ntawd, los ua ib tug ntsug nco-down CSS menus, peb yuav tsum tau ib tug keeb raws li «: yuj». Lub pseudo «: yuj» yuav raug muab tso rau tej HTML tag. Nws tso cai rau koj los txhais tau lub caij thaum ib yam khoom Hover koj nas. Piv txwv li, peb tau tsa vaj tse: «ib tug: yuj {xim: liab;}». No nkag txhais tau tias thaum koj yuj lub nas nws puv liab rau lub txheem ntawm tej tag . Nws yog ib nqi sau cia hais tias qhov no pseudo-caij no kuj mob ua npaws. Los ntawm txoj kev, «: yuj» tau hais txog zoo xws li cov ntsiab. Tab sis los ntawm qhov no peb yuav tsim pseudo CSS nco-down ntawv qhia zaub mov.
qhia
Ua ntej, peb to taub li cas yog ib tug nco-down ntawv qhia zaub mov. Nyob rau hauv lub ntsiab txhais no tau txais ib tug ntau ntawm txawv txoj kev tsim txawv layouts. Nyob rau hauv cov ntaub ntawv no, peb yuav tsom xam ib tug qauv uas muaj ob peb lossi pom yam khoom thiab ob peb ntxiv (muab zais). Wb tag nrog cov kev tshawb xav thiab pib xyaum.
- Peb tsim lub layout ntawm peb cov zaub mov. Ua li no, HTML-code labeling. Tsim ib tug nested daim ntawv teev:
-
- < / ul>. Ib yam dab tsi zoo li no yuav tsum zoo li koj nco-down ntawv qhia zaub mov. CSS los cuam tshuam tom qab. Nyob rau hauv cov ntaub ntawv no lub ntsiab daim ntawv teev muaj peb lub ntsiab qhov chaw thiab ob uas xa tuaj nrog.
- Nkaum lub sub-ntawv qhia zaub mov. Rau no peb siv ib tug stylesheet, txhais tau li nram qab no cov khoom: ul ul {zaub: All;} Qhov no yuav tshem tawm cov ntsiab ntawm lub thib ob daim ntawv teev los ntawm qhov screen.
- Tsim ib cov zaub mov CSS, hlauv los ntawm lub ntsiab daim ntawv teev. Cov kev lam style los xij sau rau nram qab no txoj cai: ul li: yuj ul {zaub: thaiv;}. No nkag txhais tau tias thaum tus nas yog tshaj lub caij li, uas yog nyob rau hauv ul daim ntawv teev zoo nkaus li nyob rau hauv lub screen ul (txuas). Thaum xub thawj siab ib muag, xws li ib tug tswvyim yuav zoo li nyuab thiab ruam tag. Tab sis nyob rau hauv qhov tseeb, txhua yam yog yooj yim heev.
- Siv no layout koj tus kheej los ntawm inserting lub cim npe
- koj cov ntsiab lus. Koj yuav tau hloov tus xov tooj ntawm daim ntawv teev cov ntsiab.
hniav hloov
Sai li sai tau raws li lub ntsiab zaub mov layout yog npaj txhij, koj muaj peev xwm mus rau npe. Tej zaum, muaj ntau yam nyob rau hauv thawj qhov chaw kam kom tshem tau ntawm cov cim qhia ntawm daim ntawv teev khoom. Qhov no yog ua li cas siv ib zaug xwb tej khoom vaj tse CSS, namely daim ntawv-style-hom. Koj yuav tsum mus ntxiv li nram qab no nkag: lis {daim ntawv teev-style-hom: tsis muaj leej twg;}. Ces koj yuav ntxig tus ncej thiab ua rau tom qab. Lub ciam teb thiab tom qab pab tau koj nrog rau qhov no. Tej zaum ib txhia yuav tsis nyiam lub pull-cia cov zaub mov yuav tshwm sim raws li ib tug ntxiv daim ntawv teev, thawb nyob rau tib lub yooj yim hais. Yuav kom kho tau qhov no, koj muaj peev xwm position nws. Ua li no, kev lam style los xij sau rau nram qab no nkag: ul ul {txoj hauj lwm: tsis; sab laug: 15px; txoj cai: 15px; sab saum toj: 15px; hauv qab: 15px;}. Ntawm cov hoob kawm, qhov tseem ceeb uas koj yuav siv rau koj tus kheej. Nyob ntawm qhov chaw uas koj xav mus saib txoj kev nco-down menus, CSS yuav muaj ntau ntau yam uas muaj peev xwm ntxiv ntau yam teebmeem thiab kho peb cov npe.
xaus
Ib zaug ntxiv nws muaj nqis ntsoov teev qhov kev siv ntawm cov ntawv qhia zaub mov layout. Yuav kom muab lub CSS kev cai siv nyob rau hauv cov ntaub ntawv no kos tus nqi, rau piv txwv, ul ul. Yog hais tias koj muaj nyob rau hauv cov ntaub ntawv kom tau raws li lwm yam uas zoo sib xws qauv, tej zaum yuav muaj teeb meem loj. Nyob rau hauv cov teeb meem, koj yuav tau siv ib lub hom phiaj, rau piv txwv, selectors los yog id-tawm lawv tus ID. Qhov saum toj no tsab xov xwm layout nco-down ntawv qhia zaub mov yog tsim los paub cov kev tsim cov qauv. Tus so ntawm lub chaw ua hauj lwm rests nyob rau hauv koj lub xub pwg nyom.
Similar articles
Trending Now