Kwamfutocin, Software
Yadda za a yi a drop-saukar CSS menus
Yau za mu yi la'akari da tambaya "Ta yaya zan ƙirƙirar drop-saukar CSS menus?". Ya kamata ka ce a lokaci daya da cewa wannan abu za a yi, ba tare da a haɗa wani ƙarin kudi. Wato, da menu za a halitta kawai da CSS da HTML.
horo
Don cikakken gane abin da yake a cikin sa a cikin labarin, kana bukatar wani kadan don Masana msar tambayar abu. Amma idan ka kasance saba da na karya-azuzuwan, za ka iya tsallake wannan sakin layi. Saboda haka, don ƙirƙirar a tsaye drop-saukar CSS menus, muna bukatar wani kashi kamar yadda «: Santa». A na karya «: Santa» za a iya sanya masa wani takwara HTML tag. Yana ba ka damar ayyana lokacin lokacin da wani abu Tsayar da linzamin kwamfuta. Alal misali, mun nada dukiya: «wani: Santa {launi: ja;}». Wannan shigarwa yana nufin cewa a lokacin da ka Tsayar da linzamin kwamfuta da shi yana ja a kan abinda ke ciki na wani tag . Shi ne ya kamata a lura da cewa wannan na karya-kashi ne ma inactivated. Af, «: Santa» ya shafi irin wannan abubuwa. Amma daga wannan za mu haifar da na karya CSS drop-saukar menu.
umurci
Da farko, bari mu gane abin da yake a drop-saukar menu. A karkashin wannan definition samun mai yawa na hanyoyi daban-daban gina daban-daban shimfidu. A wannan yanayin, za mu bincika a tsarin kunsha da dama kullum bayyane abubuwa da dama ƙarin (boye). Bari mu gama da ka'idar da za a fara gudanar da aiki.
- Mun halitta layout na mu menu. Don yin wannan, HTML-code lakabtawa. Ƙirƙiri nested jerin:
-
- < / ul>. Wani abu kamar wannan ya kamata yi kama da drop-saukar menu. CSS shiga tsakani daga baya. A wannan yanayin da babban jerin kunshi uku main yankunan da biyu a kewaye.
- Ɓoye da sub-menu. Domin wannan mun yi amfani da wani aikin manhajan, ayyana wadannan Properties: ul ul {nuni: m.} Wannan zai cire abubuwa na biyu jerin daga allon.
- Create a menu CSS, sauke saukar daga babban jerin. A Cascading Style Sheets rubuta da wadannan mulki: ul li: Tsayar ul {nuni: block;}. Wannan shigarwa yana nufin cewa a lokacin da linzamin kwamfuta ne a kan kashi li, wanda aka located in ul jerin bayyana a allon ul (a haɗe). A duban farko, wannan wani makirci iya ze rikitarwa, kuma m. Amma a gaskiya, duk abin da yake mai sauqi qwarai.
- Amfani da wannan layout da kanka ta sa tags
- your abun ciki. Zaka iya canja lambar da jerin abubuwa.
ado canje-canje
Da zaran shimfiɗar menu na ainihi shi ne shirya, za ka iya ci gaba zuwa rajista. Kila, da yawa a cikin na farko wuri shirye ya rabu da alamomi na nuna jerin abu. Wannan ne yake aikata ta yin amfani da guda dukiya CSS, wato da jerin-style-type. Kana bukatar ka ƙara da wadannan shigarwa: li {list-style-type: m.}. Sa'an nan za ka iya saka da firam da kuma yin bango. A kan iyaka da kuma bango taimake ku tare da wannan. Zai yiwu wasu ba za su son Pull-saukar menu zai bayyana a matsayin ƙarin jerin, turawa a wannan ainihin abubuwan. Don gyara wannan, za ka iya matsayi da shi. Don yin wannan, Cascading Style Sheets rubuta da wadannan shigarwa: ul ul {matsayi: cikakkar. hagu: 15px; dama: 15px; saman: 15px; kasa: 15px;}. Hakika, da dabi'u za ka yi amfani da naka. Ya danganta da inda kake so ka gani drop-saukar menu, CSS zai bayar da dama mafi siffofin da cewa zai iya ƙara daban-daban effects da kuma ado da mu lists.
ƙarshe
Sake shi ya kamata a lura da gina menu na ainihi. Domin sanya wa CSS dokoki amfani da wannan yanayin saka darajar, misali, ul ul. Idan kun kasance a cikin daftarin aiki saduwa da sauran irin wannan tsarin, za a iya samun babban matsaloli. A cikin wadannan yanayi, kana bukatar ka yi amfani da wani dalili na musamman, misali, zaba ko id-IDs. A bisa labarin layout drop-saukar menu an tsara don familiarize da janar zane. Sauran aikin ginu ne a kan kafadu.
Similar articles
Trending Now