Компютер, Нармафзор
Чӣ тавр ба як афтанда менюҳо CSS
Имрӯз мо ба саволи «Чӣ тавр як афтанда менюҳо CSS эҷод кунам?» Дида бароем. Он бояд дар як вақт мегӯянд, ки ин адад хоҳад бе васл кардани ягон маблағи иловагӣ дод. Ин аст, ки меню хоҳад танҳо бо CSS ва HTML биёфарид.
омӯзиш
Барои пурра фаҳмидани он чӣ дар он аст, ки дар мақола, ба шумо лозим аст як каме барои шиносоӣ бо маводи назариявӣ шинос шуд. Аммо агар шумо бо псевдо-синфхона ошно ҳастанд, шумо метавонед ин банди гузаред. Пас, барои эҷоди менюи афтанда CSS вертикалӣ, ба мо лозим аст унсури ҳамчун «: Hover». Дар псевдо «: Hover» метавонад ба ягон таъин теги HTML. Ин ба шумо имкон медиҳад, то муайян кардани лаҳзае, ки як ќисми чолокона муш кунед. «А: Hover {: сурх ранги;}» Масалан, мо амвол таъин кардаанд. Ин вуруд маънои онро дорад, ки вақте ки шумо, чолокона, ки муш он рӯй сурх оид ба мазмуни ягон барчасп. Қобили зикр, ки ин псевдо-элементи низ inactivated аст. Бо роҳи, «: Hover» унсурҳои монанд вобаста кардааст. Аммо аз ин мо псевдо CSS менюи афтанда эҷод.
дастурамал
Аввалан, биёед ки чӣ менюи афтанда аст. Дар доираи ин таърифи меорад бисёр усулҳои гуногун сохтмони форматњо гуногун. Дар ин ҳолат, мо як сохтори иборат аз якчанд адад доимо намоён ва якчанд иловагӣ (пинҳон) таҳлил менамояд. Биё бо назария тамом ва сар ба амал.
- Мо меофаридем, тарҳбандии меню мо. Барои ин кор, тамѓагузорї HTML-коди. Эҷоди як рӯйхати лонаӣ: <ул>
- <ул>
- < / ул>. Чизе монанди ин, бояд ба мисли менюи афтанда худ назар. CSS ба дахолат дертар. Дар ин ҳолат ба рӯйхати асосии иборат аз се самти асосӣ ва ду замима.
- Пинҳон кардани зерсохторњо-меню. Барои ин мо истифода варақаро, муайян намудани хосиятҳои зерин ул ул {намоиш: ҳеҷ;} ин элементҳои рӯйхат дуюм аз экрани тоза кунед.
- Эҷоди як CSS меню, тарки поён аз рӯйхат асосии. Дар варақаҳои сабки обшорӣ нависед волоияти зерин: Li ул: чолокона ул {Намоиши ҳифз шудаанд;}. Ин вуруд маънои онро дорад, ки вақте ки муш аст, бар Li унсури аст, ки дар рӯйхати ул воқеъ дар ул экран пайдо мешавад (замима мегардад). Дар назари аввал, чунин нақшаи метавонад мураккаб ва печида ба назар мерасад. Аммо дар асл, ҳама чиз хеле содда аст.
- Истифодаи ин тарҳбандии худ бо ворид кардани барчаспҳои
- мундариҷаи худ. Шумо метавонед шумораи элементҳои рӯйхат тағйир диҳед.
Тағйироти ороишӣ
Ҳамин ки ба тарҳбандии менюи асосии тайёр аст, шумо метавонед ба қайд гиранд. Шояд, бисёриҳо дар ҷои аввал омодагӣ ба даст нишонгузорҳо нишон банди рӯйхати халос. Ин аст, бо истифода аз CSS молу мулки ягона, яъне рӯйхати-сабки навъи анҷом дода мешавад. Шумо бояд илова вуруд зерин: Li {рӯйхати-сабки навъи: ҳеҷ;}. Он гоҳ шумо метавонед доираи гузоред ва дар замина. Дар сарҳад ва замина ба шумо кӯмак бо ин. Шояд баъзе аз нахоҳад кард мехоҳам менюи чизпарастӣ-поён ҳамчун рӯйхати иловагӣ пайдо мешавад, тела дар унсурҳои асосӣ ҳамин. Барои ислоҳ ба ин, шумо метавонед онро ҷойгир шавад. Барои ин кор, варақаҳои сабки обшорӣ нависед вуруд зерин: ул ул {мавқеи: мутлақ; чап: 15px; рост: 15px; ба боло: 15px; поёни: 15px;}. Албатта, арзишҳои шумо худ истифода баред. Вобаста ба ҷо шумо мехоҳед, ки ба дидани менюи афтанда, CSS бисёр хусусиятҳои бештар, ки метавонанд таъсири гуногун илова ва оро рӯйхати мо пешниҳод намоянд.
хулоса
Бори дигар онро Қобили зикр сохтмони тарҳбандии меню мебошад. Барои таъини қоидаҳои CSS истифода бурда, дар ин ҳолат арзиши дарунсохти, барои мисол, ул ул. Агар Шумо дар ҳуҷҷат барои қонеъ кардани дигар сохтори монанд мебошанд, метавонанд мушкилоти калон аст. Дар чунин ҳолатҳо, шумо бояд ба истифода мақсади мушаххас, барои мисол, selectors ё шиноса-нодири. Дар тарҳбандии мақолаи менюи афтанда боло сохта шудааст, ки шинос тарҳи умумӣ. Қисми боқимондаи кор ба зиммаи бар китфи худ.
Similar articles
Trending Now