Sida loo sameeyo a bedeley CSS hoos-hoos

barashada

First, aan ka fahmi waxa menu hoos-hoos ah. Under qeexitaankan helo badan oo habab kala duwan dhismaha Layouts kala duwan. Xaaladdan oo kale, aan u falanqeeyaan doonaa dhisme ka kooban dhowr alaabta si joogto ah la arki karo iyo dhowr dheeraad ah (wax yar). Aan ku dhameysan la aragtida ah oo ay bilaabaan in ay ku dhaqmaan.

• Waxaan la abuuro khariidad ee our menu. Si arrintan loo sameeyo, calaamadeynta HTML-code. Samee liis nested:
  • • < / ul>. Wax sidan oo kale waa in ay eegaan sida menu hoos-hoos. CSS in ay mar dambe soo fara. Xaaladdan oo kale liiska ugu weyn ee uu ka kooban yahay saddex qeybood oo waaweyn iyo laba ku lifaaqan.
    • Qari ka-menu hoosaadka. Waayo, kan aan u isticmaalno stylesheet ah, qeexo sifooyinka soo socda: ul ul {bandhigay: ma jiro,} Tani saari doonaa waxyaalaha aasaaska ah ee liiska labaad ka shaashadda.
    • Abuur CSS menu ah, daadiyaa liiska ugu weyn. The go'yaal style ahina uu qoro xeerka soo socda: li ul: dul istaagin ul {bandhigay: block;}. entry Tani waxay ka dhigan tahay in marka mouse ay ka badan tahay li element ah, oo ku yaalla liiska ul u muuqataa on ul shaashadda (ku lifaaqan). Ugu jaleecada hore, nidaamka noocan oo kale ah u ekaan kartaa wax adag oo lagu wareerayo. Laakiin dhab ahaantii, wax kasta waa mid aad u fudud.
    • Isticmaal naftaada qaabka this by galinta tags ah
    • aad content. Waad beddeli kartaa tirada xubno liiska.

    isbedel madaxtooyada

    Sida ugu dhakhsaha badan qaabka ugu muhiimsan ee menu waa diyaar, waxaad sii wadi kartaa si ay u diiwaan. Malaha, badan in meesha ugu horeysa ee doonaya in laga takhaluso calamado muujinaysa item liiska. Tan waxaa loo sameeyaa iyadoo la isticmaalayo hal CSS guri,-nooca style liiska-kuwaas oo ah. Waxaad u baahan tahay in aad ku darto galo soo socda: li {-nooca style liiska: ma jiro,}. Markaas waxaad geli kartaa jir ah oo ka dhigi asalka. The xadka iyo asalka kaa caawiyo arrintan. Waxaa laga yaabaa in qaar ka mid ah ma jeclaan doonaa menu kasoo hoos muuqan doonaa sida liiska dheeraad ah, riixidda waxyaabaha asaasiga ah isku. Si taas loo xaliyo, waxaad u gelin karo. Si arrintan loo sameeyo, go'yaal style ahina uu qoro galo soo socda: ul ul {booska: waadaxa ah; bidix: 15px; midig: 15px; top: 15px; hoose: 15px;}. Dabcan, qiimaha aad isticmaali doonaa adiga kuu gaar ah. Iyadoo ku xiran meesha aad rabto in aad aragto bedeley hoos-hoos, CSS bixin doonaa qaababka badan oo dheeraad ah in ku dari kartaa saamaynta kala duwan oo waxaad qurxisaan liiska our.

    gunaanad

    Mar kale waxaa xusid mudan dhismaha qaabka menu. Si aad u xilsaartaa xeerarka CSS ee loo isticmaalo in qiimaha kiiska gundhig this, tusaale ahaan, ul ul. Haddii aad dukumentigan inuu ka hor tago qaab-dhismeedka kale la mid ah, waxaa laga yaabaa in dhibaato weyn. Xaaladan oo kale, waxaad u baahan tahay in la isticmaalo ujeeddo gaar ah, tusaale ahaan, selectors ama id-IDs. Qaabka article menu hoos-hoos ku xusan waxaa loogu talagalay inay bartaan design guud. Inta kale ee shaqada ku dul garbaha.