Hanga he tahua whakapae mo te pae koe

tahua Whakapae whai tata tetahi pae - ko reira he wahi nui, rite taea reira ki tona ahua me te whakamahinga ki te kukume ranei, hei kōrero, whakawehi atu manuhiri. Kia ako a e founga ki te hanga i tētahi tahua whakapae māmā: kia reira "kōhiwi" ki HTML, ki te rangatira nga pūkenga taketake o te hanga. tino taea kitea e koe he tahua rite, engari nui tupukoso ki te ako ki te whakawhanake i te reira koe. He mea harihari pretty.

Ako ki te hanga tahua

tamata tatou i kore ki te afe mei te semantics, e piri ki te whika ārahi o te tahora. Tuatahi whai koe ki te hanga i te "kōhiwi" mo to tatou tahua ki HTML, ako pūkenga taketake ki te hanga ratou ake ngā tahua whakapae. A reira ka whakapaipai reira, mā te whakamahi i ngā rau kāhua. Kia to tatou tahua whakapae kei 5 tūemi. Ka te tūemi tuatahi kia tukuna ki te whārangi kāinga. Ko te wāhi tuarua - "Mō tatou". Ko te tuatoru - "matou tohu". A maha - "He mea harihari." A pae - "Whakapā tatou".

rite tenei titiro HTML-waehere:

Ko wai e kore e mohio: kua whakamahia tūtohu ul mo te matā, timata ona āhuatanga ki te li. Li tūtohu riro nga momo e kua tono ki te ul.

Ul - poraka huānga o te rārangi, ka kia totoro reira ki te whanui. Ko hoki Li he poraka.

Na, te hanga i tētahi index.html. kohikohi tatou i to tatou waehere. I tenei wāhi, whakaatu te pūtirotiro te poutū, nui atu i te tahua whakapae. Ko matou ki a koutou opuaraa - ki te hanga i te tahua whakapae mo te pae. Hoki tenei e hiahia ana matou CSS.

He aha te mea CSS?

Ki te whai koe i ano ki te rangatira i te whanaketanga o ngā pae, ko reira e tika ana ki te kia maheni ki te ariā o Rau Kāhua Hūkere. I roto i te meka, ko nga ture mo te whakahōputu, tukatuka, e kua tono ki ngā huānga rerekē i runga i te mau api o te-pae tukutuku enei. Ki te whakaahua tatou nga āhuatanga o te āhuatanga i roto i te HTML paerewa, ka whai koe ki te faahiti tenei e rave rahi taime, te tiki koe i te tāruarua o te taua mongamonga o waehere. ka tupu te whārangi wā kawenga i runga i te rorohiko a te kaiwhakamahi. Hei karo i tēnei, i reira ko te CSS. tatu ki whakaahua kotahi anake te tetahi huānga, a ka tohu noa te wahi ki te whakamahi i te āhuatanga o te kāhua ngā. Ko taea ki te hanga i te whakaahuatanga o te kuputuhi e kore anake o te whārangi iho, engari ano hoki i roto i tetahi atu kōnae. Tenei ka tukua ki te tono i te whakaahuatanga o te momo rerekē i runga i ngā whārangi katoa o te pae. Ko reira watea hoki ki te whakarerekē i te tahi mau whārangi, te whakakētanga te-kōnae CSS. tukua rau kāhua ki a koutou te mahi ki ngā momotuhi i runga i te taumata pai atu i te HTML, te āwhina ki te karo i te ähua i te whārangi whakairoiro o te pae.

Mā te Rau Kāhua mō te whanaketanga tahua

CSS-waehere mo te tahua:

1. # My_1menu {rārangi-kāhua: kahore; purpuru: 6; whanui: 800px; tawhē: aunoa;}
2. # My_1menu li {manu: mahue; momotuhi: tītaha Arial 18px;}
3. # My_1menu he {tae: # 756; whakaatu: poraka; teitei: 55px; rārangi-teitei: 55px; purpuru: 0px 15px 0px 15px; papamuri: #dfc; kuputuhi-whakapaipai: kahore;}
4. # My_1menu he: whakaparo {tae: #foa; whakamārama: # 788;}

Na kia titiro a ki te hua tahua CSS whakapae.

# My_1menu - na reira he ohipa kāhua hoki huānga UL- ki id = my_1menu, rārangi-kāhua: kahore - tenei whakahau ki te tango i te tohu i mahue e nga tūemi whakaritea.

whanui: 800px - te whanui o to tatou tahua ko te 800 pika.

purpuru: 0 - tango tenei te purpuru roto.

tawhē: aunoa - vyravnivnie tahua whakapae i te pokapū o to tatou whārangi.

# My_1menu li - faaue momo li-huānga.

teitei: 55px - tahua teitei.

# My_1menu he: whakaparo - vahe'i momo ki huānga me te kiore, ka te piri ai.

E kore matou e whakaahua i roto i te taipitopito katoa aho, rite taea nga kaiwhakawhanake whakapūtā ona tawhā konei. Tenei pūtake mo te whakamahi o momo i roto i te tahua i runga i te paetukutuku. Ka taea e koe te hoatu ai i te ahua ake oti, me te ataahua, te whakamahi i ngā pikitia. Vahe ki huānga engari, mo te tauira, whakamārama: url (img1.png) faahiti-x. Kia reira kia papamuri: url (img2.png) faahiti-x mō te: whakaparo.

Whakamahia tō whakaaro, manakohanga auaha. Na i runga i taua matauranga i runga i te āhua o ki te hanga i tētahi tahua ohie i runga i te paetukutuku, ka taea e koe te whakawhanake i tētahi whārangi ki ona ake hoahoa ahurei.