Tahua CSS poutū: mahi reira koe

e kore e ētahi webmasters e hiahia ana ki te noho te wā whakawhanake i te wahanga āhuatanga ohie e te tīariari kē. whakapono ana ratou e te mea kahore he ira i roto i te maumauria koutou wa i runga i te tahi mea roa, kua e kua reira. I roto i te meka, mo te hunga e mapulei tika HTML me CSS, he mea nui ki te hanga koe i te rota o nga mea ki te whai i te pai te māramatanga o ratou mahi. E pā ana tēnei ki te tahua. Waihanga i te tahua CSS poutū. Ka hāngai te reira i anake i runga i HTML me CSS, i waho te whakamahi o Javascript me jQuery. Ia tahua ko te rārangi o ngā hononga e arahi ki ngā whārangi o te pae.

kaupae taketake

Hei waihanga i tētahi kuware tahua poutū CSS, e hiahia ana koe te whai i ēnei:

1. Tuatahi, whakatau i te rārangi o ngā hononga (te whakamahi i waehere HTML), o nei e hei te tahua. Hoatu he ingoa ratou, mo te tauira, e whai ake:

1. Home.
2. To tatou hītori.
3. Ārahi.
4. Ratonga.
5. Hoapā.

2. Na ka styling hononga rite e hiahia ana koe ki te awhina o CSS.

tuhituhi matou i te waehere HTML, kia mau i roto i te kōnae my_Vmenu.html me kite pehea ka titiro te reira i roto i te pūtirotiro:

Ko te pūtake (kōhiwi) o to tatou tahua tenei. # 1, # 2, me ētahi atu kia whakakapi i te tohutoro. Nana, titiro te reira i roto i te pūtirotiro. Ko te pikitia e kore e rite koe. Na ti'a ia tatou ia haamata i ki te whakaahua i te āhuatanga o te kāhua, ki te hanga i te tino tahua CSS poutū.

kāhua Whakaahuatanga

Waihanga i te my_Vmenu.css kōnae, i whakatakotoria katoa e hiahia ana koe ki te whakapai ake i te ahua o te taua āhuatanga nui o te pae. Tenei ko te waehere, te whakataki o e ka whakaora i te tahua CSS poutū. tuhituhi reira me te kōnae hou, a ka ka tango tatou i te piri titiro te tikanga o nga rārangi matua e e hoatu.

WHAKAMĀRAMA TAIPITOPITO raukāhua whakamahia

Na whakaaroa nga kōrero o to tatou tahua poutū CSS:

rārangi-kāhua-momo taea ki a koe te tango i te rārangi o tautohu. Na roto i te tautuhinga "0" ki te taha me te purpuru tango te purpuru anō i roto i te rārangi. I taea te kite i te waehere HTML to tatou tahua, ko te rārangi, me e tautuhi te momo te whakamahi i CSS.

ul # my_Vmenu - te kāhua whānui o te rārangi katoa.

ul # my_Vmenu li he - hononga kāhua i waenganui i te li tūtohu.

ul # my_Vmenu li he: whakaparo - he whakaahuatanga o te momo i raro i whakaarohia o tūemi tahua i te wa ka rere ana tetahi i runga i te iwi.

ul # my_Vmenu li he whanganga - whakaahuatanga kuputuhi (tahua taitara).

Kia mahara ki e kōnae my_Vmenu.css my_Vmenu.html a me tiaki i roto i te whaiaronga taua. Heoi, kia tū ratou i roto i ngā kōpaki rerekē, engari ka he mea nui ki te rēhita i roto i te ara kōnae my_Vmenu.html ki my_Vmenu.css. Kia tupato, no te mea te manene ki tenei raruraru maha.

Me hono Kāhua i waenganui i te tūtohu upoko i roto i te-kōnae html. menu_1.png me menu_2.png - ko te pikitia mo te tūemi tahua pikitia i roto i te āhua noa, me te whakaparo tenei.

He pai ki te whakaora i te whakapakoko i roto i te kōpaki motuhake mō whakapakoko, whakaingoa my_images reira, engari ka Whakarite i te waehere CSS. Tuhia te wahi e whakaaturia enei whakaahua, ko ratou i roto i tenei whaiaronga: url (my_images / menu_1.png) me te url (my_images / menu_2.png).

I roto i te toenga o te āhuatanga whakaahuatia i roto i te waehere CSS, ki matau ngāwari. tautuhi ratou te ahua o to tatou tahua. Ko reira ohie ki te kite e te whānui me te teitei o ngā tūemi i tohua mo te taua tūemi i roto i te āhua noa, a ina whakaparo koe te kiore ki runga ki a ratou. rahi momotuhi 18px, āta purpuru te nukunga i taha rerekē o te ingoa wāhi. whakaatu ka taea whakaturia koe te wae whakaatu ki whakaturia te whanui, me te purpuru.

To tatou tahua poutū

Ka rite ki a koutou e taea e kite, ki te tahua CSS poutū waihanga ngāwari. I runga i te pūtake o ngā raraunga o te matauranga e taea ki te hanga i ataahua reira me ātaahua ki ngā manuhiri ki tō pae tukutuku koutou! Whakamahia tō whakaaro, a ka he tahua huatau ki te kīnaki i tō pae.