Whakaritea nga Pane Waiata me te CSS

Whakamahia nga Momotuhi, Nga Taitapa, me nga Whakaahua hei Whakapaipai i nga Kaupapa

He maha nga korero ki te nuinga o nga paetukutuku. Ko te mea pono, he nui rawa nga tuhinga tuhinga kei te whai i tetahi waahanga iti rawa kia mohio ai koe ki te taitara o nga korero e pa ana koe. Ka tohua enei tuhinga ki te whakamahi i nga huinga pane HTML - h1, h2, h3, h4, h5, h6.

I etahi waahi, ka kitea e koe ko nga upoko kei te whakamaheretia me te kore e whakamahi i enei huinga. Engari, ka taea e nga upoko korero te whakamahi i nga pararangi me nga huanga o te akomanga motuhake kua tapiritia ki a ratau, ki nga wehenga ranei me nga mahinga o te akomanga Ko te take i rongo pinepine ai au mo tenei mahi hianga ko te kaihoahoa "e kore e pai ki te tirotiro i nga pane". Ma te taunoa, ka whakaatuhia nga upoko me te maia, me te nui o te rahi, ina koa nga h1 me nga h2 e whakaatu ana i te nui o te momotuhi rahi atu i te toenga o te kuputuhi o te whārangi. Kia mahara koinei anake te titiro taunoa o enei āhuatanga! Ma te CSS, ka taea e koe te tirotiro i te ahua ka hiahia koe! Ka taea e koe te huri i te rahi momotuhi, tango i te maia, me te nui atu. Ko nga upoko ko te huarahi tika hei tohu i nga upoko o te whārangi. Anei etahi take he aha.

He aha te Whakamahia o nga Taitara Pane i nga Rangatira me te Hiko

Rapu Rapu Hei Pane Kae


Koinei te take pai ki te whakamahi i nga pane, me te whakamahi i te raupapa tika (ie h1, h2, h3, me etahi atu). Ko nga engines rapu e whakaatu ana i te taimaha tino nui ki nga kuputuhi i roto i nga tūtohu o te upoko mo te mea kei te whai hua te nuinga ki taua tuhinga. I etahi atu kupu, na te tuhi i to taitara H1, ka korerotia e koe te mokowhiti whero rapu koinei te arotahi o # 1. Ko nga pane 2 o H2 kei te 2, ka pera ano.

Ko koe Kia kaua e maharatia he aha nga akomanga kua whakamahia e koe hei tautuhi i nga korero matua

Ina mohio koe ko nga tuhinga Tukutuku katoa kei a koe he H1 e maia ana, 2em, me te kowhai, ka taea e koe te tautuhi i tetahi waahi i roto i to waahua me te mahi. 6 marama i muri mai, ka whakauruhia e koe tetahi atu waahanga, ka tapiri noa koe i te tūtohu H1 ki te tihi o to papanga, kaore koe e hoki ki etahi atu whārangi hei kimi i te ahua ID me te kaari i whakamahia e koe hei tautuhi i te matua upoko me nga upoko-upoko.

Ka whakaratohia e ratou he mahere whaarangi kaha

Ko nga waahanga ka maatau ake te korero i nga korero. Koinei te nuinga o nga kura a US i whakaako ai i nga akonga ki te tuhituhi i tetahi tuhi ma mua i te tuhi i te pepa. Ina whakamahi koe i nga tūtohu o te upoko i roto i te whakatakotoranga taapiri, he maama te tuhinga o to tuhinga ka puta wawe. Ano, kei reira etahi taputapu e taea ana te arotake i te wharangi whārangi kia whakaratohia he tuhipoka, a ko enei e whakawhirinaki ana ki nga tohu pane mo te hanganga whakariterite.

Ka Whakaritea To Whārangi Mii Ahakoa Ka Hurihia nga Tae

Kaore e taea e nga tangata katoa te tiro, te whakamahi ranei i nga pepa ahua (a ka hoki mai tenei ki te # 1 - ka titiro nga engines rapu i nga ihirangi (kuputuhi) o to whaarangi, kaore i te pepa ahua). Mena kei te whakamahi koe i nga tūtohu o te upoko, kei te hangaia e koe o raatau whārangi kia tae atu ki nga korero kei te whakarato i nga korero e kore e taea e te tohu DIV.

He mea awhina mo nga Kaipānui Kaute me te Whanaketanga Paetukutuku

Ko te whakamahi tika i nga pane ka hangaia he hanganga arorau ki tetahi tuhinga. Koinei te mea ka whakamahi nga kaipānui mata ki te "panui" i te pae ki te kaiwhakamahi me te korenga o te tirohanga, ka taea e te hunga whai hauātanga te whakauru i to paetukutuku.

Te Kāhua i te Kuputuhi me te Momotuhi o Tō Kaupapa

Ko te huarahi tino pai ki te neke atu i te raru "nui, maia, me te kino" o nga tūtohu o te upoko ko te tuhi i te tuhinga i te huarahi e hiahia ana koe kia titiro. Ko te tikanga, ka mahi au i tetahi paetukutuku hou, ka tuhia e ahau te waahanga, h1, h2, me h3 nga mea tuatahi. He maha nga wa e piri ana ki te whanau momotuhi me te rahi / taimaha. Hei tauira, koinei pea te pepa ahua tuatahi mo te pae hou (he tauira noa enei e taea te whakamahi):

tinana, html {whanui: 0; te papaha: 0; } p = te: 1em Arial, Geneva, Helvetica, kore-serif; } h1 {momotuhi: maia 2em "Times New Roman", Times, serif; } h2 {momotuhi: bold 1.5em "Times New Roman", Times, serif; } h3 {momotuhi: te maia 1.2em Arial, Geneva, Helvetica, kore-serif; }

Ka taea e koe te whakarerekē i nga momotuhi o to upoko ka huri i te momo kuputuhi, tae noa ki te tae kuputuhi . Ko enei katoa ka huri i to kupu "kino" ki tetahi mea e kaha ake ana, me te whakarite i to hoahoa.

h1 {momotuhi: papakupu maia 2em / 1m "Times New Roman", "MS Serif", "New York", serif; tapaina: 0; te papaha: 0; tae: # e7ce00; }

Ka taea e nga kaitapa te whakakakahu i nga korero

He huarahi pai nga taitapa hei whakapai ake i nga upoko. He ngawari hoki te taapiri i nga rohe. Engari kaua e wareware ki te whakamatautau ki nga rohe - kaore koe e hiahia ki te rohe i ia taha o to upoko. A ka taea e koe te whakamahi i nga atu noa atu i nga rohe pango noa.

h1 {momotuhi: papakupu maia 2em / 1m "Times New Roman", "MS Serif", "New York", serif; tapaina: 0; te papaha: 0; tae: # e7ce00; rohe-runga: pakari # e7ce00 reo; te rohe-raro: te toronga # e7ce00 kikokore; whanui: 600px; }

I tapiritia e ahau tetahi waahanga o runga me te taha ki raro ki taku upoko korero hei whakauru i etahi ahua ataata whai mana. Ka taea e koe te tapiri i nga rohe i tetahi ara e hiahia ana koe ki te whakatutuki i te tauira hoahoa e hiahia ana koe.

Tāpirihia he Whakaahua Papakupu ki o Maatau Kaupapa Mo te Pizazz atu

He maha nga pae tukutuku he upoko pane ki te tihi o te wharangi kei roto ko te upoko matua - ko te taitara pae me te whakairoiro. Ko te nuinga o nga kaihoahoa e whakaaro ana ko tenei e rua nga huinga motuhake, engari kaore koe e whai. Mena kei te whakaatuhia te whakairoiro ki te whakapaipai i te upoko matua, na he aha ka kore ai e tapiri ki nga momo pane?

h1 {momotuhi: papakupu maia 3em / 1m "Times New Roman", "MS Serif", "New York", serif; te papamuri: #fff url ("fancyheadline.jpg") ano-x te raro; te whakaekea: 0.5em 0 90px 0; tuhi kuputuhi: pokapū; tapaina: 0; rohe-raro: pumau # e7ce00 0.25m; tae: # e7ce00; }

Ko te mahinga ki tenei upoko ko taku mohio ko te whakapakoko 90 o nga pika. Na ka tapiritia atu e ahau ki te raro o te upoko o 90px (padding: 0.5 0 90px 0p;). Ka taea e koe te takaro me nga taapiri, te raina-teitei, me te paera hei tiki i te tuhinga o te pane ki te whakaatu i te wahi e hiahia ana koe.

Ko tetahi mea ki te mahara ki te whakamahi i nga whakaahua ko te mea kei te whai koe i tetahi paetukutuku whakautu (he mea kia tika koe) me te whakatakotoranga e whakarereke ana i runga i nga rahi mata me nga taputapu, kaore i te wa katoa te rahi o te upoko. Mena kei te hiahia koe ki to tautuhi kia rite tonu te rahi, ka raruraru tenei. Ko tetahi o nga take he aha ahau ka awhina i nga whakaahua o muri mai i roto i te upoko, me te mea hauora kia rite ki ta ratou e titiro ai i etahi wa.

Whakaahua Pikitia i roto i nga korero

Koinei tetahi atu tikanga rongonui mo nga kaihoahoa Tukutuku no te mea ka taea e koe te hanga i tetahi upoko korero whakairo me te whakakapi i te tuhinga o te tūtohu taapiri me taua whakapakoko. He pono tenei he mahi tawhito mai i nga kaihoahoa tukutuku kua uru atu ki nga momotuhi iti rawa, ka hiahia ki te whakamahi i nga momotuhi maha atu i ta raatau mahi. Ko te tipu o nga momotuhi tukutuku kua whakarereketo i nga huarahi o te kaihoahoa. Ka taea te whakatakoto i nga upoko korero i roto i te maha o nga momotuhi me nga pikitia ki aua momotuhi ka whakauruhia. I tenei, ka kitea e koe te whakakapi whakaahua o CSS mo nga korero i runga i nga pae tawhito kaore i whakahoutia ano ki nga mahi hou.

He tuhinga taketake na Jennifer Krynin. I whakatikahia e Jeremy Girard i te 9/6/17