Jinsi Ya Kutengeneza Menyu Ya Kushuka Kwa Usawa

Orodha ya maudhui:

Jinsi Ya Kutengeneza Menyu Ya Kushuka Kwa Usawa
Jinsi Ya Kutengeneza Menyu Ya Kushuka Kwa Usawa

Video: Jinsi Ya Kutengeneza Menyu Ya Kushuka Kwa Usawa

Video: Jinsi Ya Kutengeneza Menyu Ya Kushuka Kwa Usawa
Video: Jinsi ya kutengeneza aloe vera gel kwa ngozi yako na nywele kurefuka na kutokukatika 2024, Mei
Anonim

Moja ya mambo muhimu zaidi katika ukuzaji wa programu na wavuti ni uundaji wa menyu. Microsoft na bongo yake maarufu, mfumo wa uendeshaji wa Windows, inapaswa kuchukuliwa kama mfano bora. Licha ya ukweli kwamba bidhaa hii inatumiwa na idadi kubwa ya watumiaji wa PC ulimwenguni, ukosoaji sio tu haupunguzi, lakini unakua kila wakati. Kimsingi, inahusu usumbufu wa eneo la vitu vya menyu. Ifuatayo ni maelezo ya jinsi ya kuunda menyu katika CSS na Wavuti ya Kujieleza.

Jinsi ya kutengeneza menyu ya kushuka kwa usawa
Jinsi ya kutengeneza menyu ya kushuka kwa usawa

Maagizo

Hatua ya 1

Kuanza kuunda menyu ya usawa, nenda kwa Simamia Sinema, kisha bonyeza kitufe cha Mtindo Mpya. Taja mtindo mpya Kichaguzi ul li. Muhimu! Hakikisha faili iliyozalishwa ina ugani wa kushuka.css. Ili kutengeneza menyu ya usawa, onyesha kwa kipengee kilichoundwa kuwa itakuwa sawa kabisa. Ifuatayo, amua upana wa kila kitu cha menyu na uondoe vidokezo vyote visivyo vya lazima vilivyowekwa mbele ya vitu vyote kwenye orodha.

Hatua ya 2

Nenda kwa chaguo la Mpangilio, weka sifa ya Onyesha kwa Inline ili kufanya usawa wa usawa. Ifuatayo, weka thamani ya Kushoto kwa sifa ya Kuelea na bonyeza kitufe cha Weka. Weka vitu vyote kwenye orodha moja. Ili ziwekwe vizuri na usitambae juu ya kila mmoja, katika sifa ya Upana, weka nafasi ya Position kwa px 150. Angalia kuwa vitu vyote vya orodha ni saizi sawa. Ifuatayo, ondoa dots mbele ya vitu vyote - kwa hili, nenda kwenye sifa ya Orodha na uweke parameta ya Hakuna katika kipengee cha Aina ya Mtindo. Bonyeza sawa kwa mabadiliko yote kukubaliwa na kutumiwa.

Hatua ya 3

Rekebisha saizi ya fonti na mtindo wa ul li. Ili kufanya hivyo, nenda kwa Simamia Mitindo na bonyeza kulia kwenye ul li, kisha uchague Badilisha Mtindo. Sanduku la mazungumzo linalojulikana litaonekana. Nenda kwa herufi, chagua sifa ya Font-family na uweke kwa Sans-serif, Arial, Helvetica. Ifuatayo, rekebisha saizi ya fonti kwa kuiweka kwa 0, 9. Baada ya hapo, weka sifa ya Nakala-badilisha kwa Unyoofu. Rekebisha urefu wa vitu vya menyu kwenye Sifa ya Urefu - Nafasi, ukiweka thamani kuwa 30 px.

Hatua ya 4

Baada ya kukamilisha vitendo vyote vya kurekebisha, hifadhi faili kama menyu.html. Ifuatayo, jaribu menyu iliyoundwa kwenye vivinjari tofauti ili kuhakikisha inafanya kazi kwa usahihi. Kama unavyoona, muundo wa menyu ya usawa ni rahisi sana.

Ilipendekeza: