Komputer, Software
Kumaha sangkan hiji turun-handap ménu CSS
Dinten ieu kami baris nganggap sual "Kumaha kuring nyieun hiji turun-handap ménu CSS?". Sakuduna sebutkeun sakaligus nu item ieu bakal dilakukeun tanpa nyambungkeun sagala dana tambahan. Hartina, menu nu bakal dijieun ngan kalawan CSS jeung HTML.
palatihan
Pikeun pinuh ngartos naon di dinya dina artikel, Anjeun perlu saeutik saeutik meunang acquainted jeung bahan teoritis. Tapi lamun anu akrab jeung pseudo-kelas, Anjeun bisa ngaliwatan ayat ieu. Ku kituna, pikeun nyieun hiji turun-handap vertikal CSS ménu, urang peryogi unsur saperti «: hover». The pseudo «: hover» bisa nangtukeun mana wae tag HTML. Eta ngidinan Anjeun pikeun nangtukeun momen nalika hiji item hover mouse Anjeun. Contona, urang geus diangkat sipat: «a: hover {warna: beureum;}». Éntri Ieu ngandung harti yén lamun anjeun hover kana mouse nu kabukti beureum dina eusi sagala tag . Eta sia noting yén ieu pseudo-unsur ieu ogé inactivated. Ku jalan kitu, «: hover» geus patali elemen sarupa. Tapi tina ieu urang nyieun menu turun-handap pseudo CSS.
parentah
Heula, hayu urang ngarti naon a menu turun-handap. Dina harti ieu meunang loba metoda béda diwangun layouts béda. Dina hal ieu, urang bakal nganalisis struktur nu diwangun ku sababaraha item terus ditingali tur sababaraha tambahan (disumputkeun). Hayu urang rengse kalayan teori sareng ngawitan latihan.
- Urang nyieun éta perenah ménu urang. Jang ngalampahkeun ieu, HTML-kode panyiri. Jieun daptar nested:
-
- < / ul>. Hal kawas ieu kudu kasampak kawas menu turun-handap Anjeun. CSS dihalangan engké. Dina hal ieu daptar utama diwangun ku tilu wewengkon utama na dua enclosed.
- Sumputkeun ka sub-menu. Pikeun ieu kami nganggo stylesheet a, nangtukeun sipat handap: ul ul {tampilan: taya;} ieu bakal ngaleupaskeun unsur daptar detik layar.
- Jieun menu CSS, leupaskeun ka handap tina daptar utama. Gaya cascading cadar nulis aturan handap: ul li: hover ul {tampilan: block;}. Éntri Ieu ngandung harti yén lamun beurit téh ngaliwatan li unsur, anu perenahna dina daptar ul mucunghul dina ul layar (napel). Dina glance kahiji, skéma misalna hiji mungkin sigana pajeulit jeung ngabingungkeun. Tapi dina kanyataanana, sagalana basajan pisan.
- Paké perenah ieu diri ku inserting tag
- eusi Anjeun. Anjeun tiasa ngarobah lobana daptar elemen.
parobahan hiasan
Pas tata perenah ménu utama nyaéta siap, anjeun tiasa lumangsungna pendaptaran. Sigana mah, loba di tempat munggaran daék meunang leupas tina spidol nunjukkeun item daptar. Hal ieu dilakukeun maké CSS sipat tunggal, nyaéta daptar-gaya-jenis. Anjeun perlu nambah asupna handap: li {Daptar-gaya-tipe: taya;}. Teras Anjeun tiasa ngalebetkeun pigura jeung nyieun tukang. Wates jeung tukang mantuan Anjeun ku ieu. Sugan sababaraha moal resep menu pull-handap bakal némbongan salaku hiji daptar tambahan, nu ngadorong di elemen dasarna sarua. Pikeun ngalereskeun ieu, anjeun bisa posisi eta. Jang ngalampahkeun ieu, gaya cascading cadar nulis Éntri handap: ul ul {posisi: absolut; kénca: 15px; katuhu: 15px; luhur: 15px; handap: 15px;}. Tangtu, éta nilai anjeun bakal make anjeun sorangan. Gumantung kana tempat rék ningali ménu turun-handap, CSS bakal nawiskeun beuki seueur fitur anu tiasa nambahan rupa épék jeung ngahias béréndélan urang.
kacindekan
Sakali deui eta sia noting pangwangunan tata perenah ménu. Pikeun ngadaptarkeun aturan CSS dipake bisi study ieu nilai, contona, ul ul. Mun anjeun dina dokumen papanggih struktur nu sarupa sejen, meureun aya masalah badag. Dina kaayaan ieu, anjeun kudu ngagunakeun Tujuan husus, contona, selectors atanapi id-Gajah Mungkur. Menu turun-handap perenah artikel di luhur dirancang pikeun familiarize rarancang umum. Sesa karya rests on taktak anjeun.
Similar articles
Trending Now