Me pehea te whakamahi HTML me CSS ki te Waihanga Tapa me te Mokowhitu

Ko te titiro ki te waahi ma te tirotiro i te waahi ma te HTML

Mena he kaiwhakarato tukutuku hou koe, ko tetahi o nga mea maha ka tino marama ki a koe ko te huarahi e whakahaerea ana e nga kaituhi tukutuku he maatea i te waehere o te pae.

Engari, ko te ara e kore e tino tirotirohia e nga kaituhi i nga waahi tuatahi, ina koa ka tae mai koe ki te HTML, ka whakatauritea ki te mahinga o te maatea ki nga kaupapa tukatuka korero, e pai ake ana ki a koe.

I roto i te rorohiko tukatuka kupu, ka taea e koe te whakauru i te rota o te mokowhiti me nga ripa i roto i te tuhinga, me te whakaatu i te mokowhiti i roto i te whakaaturanga o te tuhinga a te tuhinga. Ehara tenei i te take ki te HTML, ki nga whārangi tukutuku ranei. Koinei, ko te ako mehemea he tino nui te waahi ma, he mea tino pai te mahi a nga kaituhi tukutuku.

Te waahi i te Tā

I roto i te pūmanawa tukatuka kupu, ko nga tahua mokowhiti matua tuatahi e toru ko te waahi, te ripa, me te hokinga waka. Ko enei o enei mahi i te huarahi rereke, engari i roto i te HTML, ka homai e nga kaiwhakarato katoa nga mea tino rite ano. Mena ka waiho e koe tetahi wahanga 100 ranei i roto i to tohu tohu HTML, ka whakauru ranei i to mokowhiti ki nga taabata me te hokinga mai o te waka, ka tohaina enei katoa ki te waahi kotahi ka tukuna e te kaituhi te whārangi. I roto i nga kupu hangarau tukutuku, kei te mohiohia tenei he maoa te mokowā. Kaore e taea e koe te whakamahi i enei mahinga mokowhiti mahinga hei whakauru i te whitespace i roto i te wharangi tukutuku no te mea ka takahia e te pūtirotiro nga waahanga maha ki roto ki te waahi kotahi ka tukuna i roto i te tirotiro,

He aha te tangata e whakamahi ana i nga ripa?

Ko te tikanga, ka whakamahia e nga tangata nga ripa i roto i te tuhinga kuputuhi, kei te whakamahia e raatau mo nga take taapono, ka kii ranei i te tuhinga ki te neke ki tetahi wahi, ki te waahi atu ranei i tetahi atu huinga. I roto i te hoahoa tukutuku, kaore e taea e koe te whakamahi i ngaa waahi mokowhiti i tautuhia hei whakatutuki i aua momo tirohanga me nga hiahia tahora.

I roto i te hoahoa tukutuku, ko te whakamahinga o nga taputapu mokowhiti hou i roto i te waehere he pai mo te pai o te pānui i taua waehere. Ka whakamahi nga kaihoahoa me nga kaiwhakanao tukutuku ki te whakamahi i nga ripa ki te waehere whaitake kia kite ai i ngaa waahanga o nga tamariki o etahi atu kaupapa - engari kaore e pangia te taapiri ataata o te whārangi ake. Mo nga huringa ataata e hiahiatia ana, me tahuri koe ki te CSS (putea tahua).

Te whakamahi i te CSS ki te Waihanga Tapapa me te Whakauru HTML

Kei te hangaia nga paetukutuku o tenei ra i te wehewehenga o te hanganga me te momo. Ko te hanganga o te wharangi kei te whakahaeretia e te HTML i te wa e tuhia ana te ahua e te CSS. Ko te tikanga ko te hanga mokowoko ranei te whakatutuki i tetahi whakatakotoranga, me tahuri koe ki te CSS me te kore e ngana ana ki te whakauru noa i nga motika mokowhiti ki te waehere HTML.

Mena kei te ngana koe ki te whakamahi i nga ripa hei hanga i nga pou o te kuputuhi, ka taea e koe te whakamahi

nga huinga e tu ana ki te CSS hei tiki i te tautuhinga tīwae. Ka taea tenei mahinga i roto i nga rereketanga CSS, te tuuturu, me te tautuhinga whanaungatanga, nga waahanga hou o te CSS ano he Flexbox ranei CSS Grid.

Mena ko nga raraunga e whakatakotohia ana e koe ko te raraunga ripa, ka taea e koe te whakamahi i nga ripanga hei whakaau i taua raraunga e hiahia ana koe. He maha nga waahi ka puta he rapanga kino ki te hoahoa tukutuku na te mea i tukinohia ratou hei taputapu taapatahi mo nga tau maha, engari kei te tino whaimana nga ripanga ki te mea kei roto i to ihirangi nga raraunga ripa kua whakahuatia.

Nga Tawhitinga, Tae, me te Kupu-Indent

Ko nga huarahi tino nui ki te hanga mokowhiti me CSS ko te whakamahi i tetahi o nga momo CSS e whai ake nei:

Hei tauira, ka taea e koe te whakauru i te raina tuatahi o te pararangi hei taamahu me te CSS e whai ake nei (tuhihia kei te whakaarohia e to korero ko te waahanga o te "tuatahi" e hono ana ki a koe):

Ko te tuatahi [
Kuputuhi-5: 5em;
}

Ko tenei waahanga ka tohua ki te 5 nga tahua.

Ka taea ano hoki e koe te whakamahi i te taha tawhito, o nga mea taraiwa ranei i roto i te CSS hei tapiri i te mokowhiti ki runga, ki raro, ki maui, ki te taha matau (ranei ki nga taha o nga taha) o te huānga. I te mutunga, ka taea e koe te whakatutuki i tetahi momo mokowai e hiahiatia ana ma te tahuri ki te CSS.

Ko te neke atu i te Kuputuhi neke atu i te Mokowhe kotahi I waho CSS

Mena ko nga mea katoa e hiahia ana koe kia nekehia atu to kuputuhi neke atu i te kotahi waahi mai i te mea o mua, ka taea e koe te whakamahi i te waahi kore-waahi.

Hei whakamahi i te mokowai pakaruhanga, ka whakaurua noa iho koe & nbsp; nga wa e hiahia ana koe i roto i to tohu tohu HTML.

Hei tauira, ki te hiahia koe ki te neke i to kupu kia rima nga wahanga, ka taea e koe te whakapiri i te korero i mua i te kupu.

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

E aro ana a HTML ki enei, kaore ano kia whakahekehia ki raro ki tetahi waahi. Engari, he mea tino kino tenei mai i te mea ka whakanuia e ia te tohu HTML ake ki tetahi tuhinga hei whakatutuki i nga matea whakatakotoranga. I te hoki ki tera wehewehenga o te hanganga me te momo, me karo koe ki te whakatairanga i nga waahi kore-ki te whakatutuki i te paanga o te whakatakotoranga e hiahiatia ana, me te whakamahi i nga taapiri CSS me te taraiwa.