Kọmputa, Software
Olee otú ime ka a ndọpụta CSS menus
Taa, anyị ga-atụle ajụjụ nke "Olee otú m ike a adaala CSS menus?". Ọ ga-asị ozugbo na a ihe ga-eme ka enweghị ejikọta ọ bụla ọzọ ego. Nke ahụ bụ, menu ga-kere naanị na CSS na HTML.
ọzụzụ
Iji ghọta nke ọma ihe bụ na ọ na isiokwu, gị mkpa a obere bit na matakwuo na usoro iwu ihe. Ma ọ bụrụ na ị bụ maara na pseudo-klas, i nwere ike ikwu paragraf a. Ya mere, ike a vetikal adaala CSS menus, anyị mkpa ihe mmewere dị ka «: Hover». The pseudo «: Hover» nwere ike na-kenyere ọ bụla HTML mkpado. Ọ-enye gị ohere na-akọwa oge mgbe ihe Hover gị òké. Dị ka ihe atụ, anyị họpụtara onwunwe: «a: Hover {agba: red;}». Nke a na ntinye pụtara na mgbe ị na hover na òké na ọ amama uhie na ọdịnaya nke ọ bụla mkpado . Ọ bụ uru na-arịba ama na a pseudo-mmewere na-inactivated. Site n'ụzọ, «: Hover» kọrọ yiri ọcha. Ma site na nke a anyị ga-ike pseudo CSS adaala menu.
ntụziaka
Mbụ, ka anyị na-aghọta ihe bụ a adaala menu. N'okpuru a definition na-akawanye a ọtụtụ ụzọ dị iche iche iwu dị iche iche layouts. Na nke a, anyị ga-nyochaa a Ọdịdị esịnede ọtụtụ mgbe niile anya ihe na ọtụtụ ndị ọzọ (zoro). Ka anyị rụchaa na ozizi na-amalite na-eme.
- Anyị ike okirikiri nhọrọ ukwuu nke anyị menu. Iji mee nke a, HTML-koodu labeling. Mepụta a kpara akwụ ndepụta:
-
- < / ul>. Ihe dị ka nke a kwesịrị ka gị adaala menu. CSS itinye aka mgbe e mesịrị. Na nke a na isi ndepụta mejupụtara ebe atọ bụ isi na abụọ nchọ.
- Zoo sub-menu. N'ihi na nke a anyị na-eji a akankà, kọwaa na-esonụ Njirimara: ul ul {ngosi: ọ dịghị onye;} Nke a ga-ewepụ ndị ọcha nke abụọ ndepụta si na ihuenyo.
- Mepụta a menu CSS, nkụda isi ndepụta. The cascading style Ibé akwụkwọ dee ndị na-esonụ na-achị: ul li: hover ul {ngosi: ngọngọ;}. Nke a na ntinye pụtara na mgbe òké bụ n'elu mmewere li, bụ nke dị na ul ndepụta egosi na ihuenyo ul (mmasị). Ke akpa ilekiri, ndị dị otú ahụ a atụmatụ nwere ike iyi mgbagwoju anya na-agbagwoju anya. Ma, n'ezie, ihe nile dị nnọọ mfe.
- Jiri a layout onwe gị site inserting tags
- ọdịnaya gị. Ị nwere ike ịgbanwe na ọnụ ọgụgụ nke ndepụta ọcha.
ji achọ mgbanwe
Ka anya dị ka isi menu layout dị njikere, i nwere ike n'ihu aha. Eleghị anya, ọtụtụ ndị nọ na akpa ebe njikere tufuo nrịbama-egosi na ndepụta item. Nke a na-eme iji otu ihe onwunwe CSS, ya bụ na ndepụta-style-ụdị. Ị mkpa iji tinye ndị na-esonụ na ntinye: li {ndepụta-style-ụdị: ọ dịghị onye;}. Mgbe ahụ ị nwere ike itinye eku na-eme ka ndabere. Ókè-ala na ndabere nyere gị aka na nke a. Ikekwe ụfọdụ ga-adịghị ka esiri-ala menu ga-apụta dị ka ihe ndị ọzọ na ndepụta, ịkwa n'otu isi ihe. Iji idozi nke a, ị nwere ike egosiputa ya. Iji mee nke a, cascading style Ibé akwụkwọ dee ndị na-esonụ na ntinye: ul ul {ọnọdụ: zuru; ekpe: 15px; nri: 15px; n'elu: 15px; n'ala ala: 15px;}. N'ezie, ụkpụrụ ị ga-eji gị onwe gị. Dabere na ebe ị chọrọ ịhụ ndọpụta menus, CSS ga-enye ọtụtụ ndị ọzọ atụmatụ na ike tinye dị iche iche mmetụta na icho mma anyị anatara.
ọgwụgwụ
Ọzọkwa ọ bụ uru arịba ama na-ewu nke menu layout. Ekenye CSS iwu mee na nke a agbakwunyere uru, n'ihi na ihe atụ, ul ul. Ọ bụrụ na ị na-na akwụkwọ izute ndị ọzọ yiri Ọdịdị, e nwere ike ịbụ nnukwu nsogbu. N'oge ndị ahụ, ọ dị gị mkpa iji otu nzube kpọmkwem, n'ihi na ihe atụ, selectors ma ọ bụ id-NJ. The n'elu isiokwu layout adaala menu e mere na-mara izugbe imewe. The ike nke na-arụ ọrụ akwuru na gị n'ubu.
Similar articles
Trending Now