Tölvur, Hugbúnaður
Hvernig á að gera a falla-dúnn CSS valmyndir
Í dag munum við fjalla um spurninguna um "Hvernig bý ég til a falla-dúnn CSS valmyndir?". Það ætti að segja í einu að þetta atriði verður gert án þess að tengja við fleiri fé. Það er, matseðill verður búin bara með CSS og HTML.
þjálfun
Til að fullu skilja hvað er í henni í greininni, þú þarft svolítið að kynnast fræðilegt efni. En ef þú ert kunnuglegur með gervi-flokkum, getur þú sleppa þessari málsgrein. Svo, til að búa til lóðrétt falla niður CSS valmyndir, þurfum við stak sem «: sveima». Gervi «: sveima» Hægt er að tengja við hvaða HTML merki. Það leyfir þér að skilgreina augnablik þegar hluturinn sveima músina. Til dæmis höfum við skipað eign: «a: sveima {litur: rauður;}». Þessi færsla þýðir að þegar þú sveima músina rautt á innihaldi hvers tag það kemur. Það er athyglisvert að þetta gervi-þáttur er einnig gert óvirkt. Við the vegur, «: sveima» hefur tengt svipaða þætti. En frá þessu munum við búa gervi CSS fellilistanum.
kennsla
Í fyrsta lagi skulum skilja hvað er fellilistanum. Samkvæmt þessari skilgreiningu fær mikið af mismunandi aðferðum reisa mismunandi uppsetninga. Í þessu tilfelli, munum við greina uppbyggingu sem samanstendur af nokkrum stöðugt sýnilegum hlutum og nokkrir til viðbótar (hidden). Við skulum ljúka við kenningu og byrja að æfa.
- Við að búa til útlit matseðilinn. Til að gera þetta, HTML-kóða merkingar. Búa til hreiður lista:
-
- < / ul>. Eitthvað eins og þetta á að vera eins fellilistanum matseðill. CSS að grípa síðar. Í þessu tilviki helstu listi samanstendur af þremur helstu sviðum og tveir lokuðum.
- Fela undirvalmynd. Fyrir þetta við notum stílblað, skilgreina eftirfarandi eiginleika: ul ul {sýna: none;} Þetta mun fjarlægja þætti annarrar listann frá skjánum.
- Búa til matseðill CSS, falla niður af helstu lista. The-stílsniðum blöð út eftirfarandi reglu: ul li: sveima ul {sýna: blokk;}. Þessi færsla þýðir að þegar músin er yfir þáttur lí, sem er staðsett í ul listi birtist á skjánum ul (meðfylgjandi). Við fyrstu sýn, slíkt kerfi kann að virðast flókið og ruglingslegt. En í raun, allt er mjög einfalt.
- Notaðu þetta skipulag sjálfur með því að setja merkin
- innihald. Þú getur breytt fjölda listans þáttum.
skreytingar breytingar
Um leið og aðalvalmynd skipulag er tilbúin, getur þú haldið áfram að skráningu. Sennilega margir í fyrsta sæti tilbúnir til að losna við merkjum sem gefa til kynna listaatriði. Þetta er gert með því að nota eitt eign CSS, þ.e. lista-stíl-gerð. Þú þarft að bæta við eftirfarandi færslu: Li {lista-stíl-tegund: none;}. Þá er hægt að setja ramma og gera bakgrunninn. The landamæri og bakgrunnur hjálpa þér með þetta. Kannski sumir vilja ekki eins og fellivalmynd birtist sem viðbótar lista, þrýsta á sömu grunnþáttum. Til að laga þetta, getur þú staðsetur það. Til að gera þetta, Cascading Style Sheets skrifa eftirfarandi færslu: ul ul {staða: alger; vinstri: 15px; hægri: 15px; efst: 15px; botn: 15px;}. Að sjálfsögðu er gildi sem þú munt nota þitt eigið. Það fer eftir því hvar þú vilt sjá fellivalmyndir, CSS mun bjóða margar fleiri aðgerðir sem hægt er að bæta ýmis áhrif og skreyta listum okkar.
niðurstaða
Enn og aftur er það vert byggingu matseðill skipulag. Að úthluta CSS reglur notuð í þessu tilfelli fellt gildi, til dæmis, ul ul. Ef þú ert í skjalinu til að hitta aðra svipaða uppbyggingu, það getur verið stór vandamál. Í þessum aðstæðum, þú þarft að nota sérstaka tilgangi, til dæmis, selectors eða id-auðkenni. Ofangreind grein skipulag falla-dúnn matseðill er hannað til að kynna almenna hönnun. The hvíla af the vinna hvílir á herðum þínum.
Similar articles
Trending Now