Ka timata koe ki te hanga i nga pae tukutuku me te HTML, ka tīmata koe ki te mahi tahi. Ki te titiro i to pae ki te ara e hiahia ana koe ki te titiro, ka rite pea ki tetahi hoahoa i hangaia e koe, i tetahi atu kaihoahoa ranei, ka hiahia koe ki te huri i te rahi o te tuhinga i runga i taua pae, me era atu huinga i te waahanga. Ki te mahi i tenei ka timata koe ki te rapu i te tohu "rahi" HTML, engari ka hohoro ka kitea e koe te ngaro.
Kāore te tūtohu rahi HTML i te tīariari i te HTML. Engari, hei tautuhi i te rahi o nga momotuhi, o nga whakaahua, o te tahora ranei, me whakamahi e koe nga Pepa Whakairo Tohu. Ko te tikanga, me hurihia e CSS nga huringa panoni e hiahiatia ana e koe ki te tuhinga o te pae, ki tetahi atu kaupapa ranei! Ko te HTML anake mo te hanganga.
Ko te tūtohu tino tata ki te tūtohu rahi rahi HTML ko te tūtohu momotuhi tawhito, i tino whakauruhia he huanga rahi. Kia whakatupatohia kua paopaohia tenei tūtohu i nga putanga o te HTML o naianei, a kaore pea e tautokona e nga kaitoro kei te heke mai! Kaore koe e hiahia ki te whakamahi i te tūtohu momotuhi i roto i to HTML! Engari, me ako e koe te CSS ki te whakarahi i nga kaupapa HTML me te whakaahua i to papamahi.
Momotuhi Momotuhi
Ko nga ahuatanga he mea tinowari ki te rahi ki te CSS. Moreso atu i te mea koinei anake te kuputuhi, me te CSS ka taea e koe te korero ake mo to papanga o to paetukutuku . Ka taea e koe te tautuhi i te rahi momotuhi, te tae, te waahanga, te taimaha, te arataki, me te ake. Ki te tūtohu momotuhi, ka taea e koe anake te tautuhi i te rahi, a ka rite noa ki te tau e pa ana ki te rahi momotuhi taunoa o te pūtirotiro e rerekē ana mo ia kiritaki.
Hei tautuhi i to parawae kia whai rahi te momotuhi o te 12pt, whakamahia te taonga tahua momotuhi:
h3 {font-size = 24px; }Ko tenei momo ka tautuhi i te rahi momotuhi o nga huinga upoko33 nga pika 24. Ka taea e koe te whakapiri i tenei ki te waahua o waho me nga H3 katoa o to pae ka whakamahi i tenei ahua.
Mena kei te hiahia koe ki te whakauru atu i nga momo tahua takitahi ki to kuputuhi, ka taea e koe te whakauru atu ki tenei ture CSS:
h3 {momotuhi-rahi: 24px; tae: # 000; momotuhi-taimaha: noa; }Kaore tenei ka tautuhi i te rahi momotuhi mo nga H3, ka whakaturia ano te tae ki te pango (he aha te tikanga hex o te # 000) me te whakarite i te taimaha ki te "noa". Ma te taunoa, ka homai e nga kaiwhakarato nga pane ki te 1-6 kia rite ki te kupu maia, na tenei momo ka whakakore i taua taunoa, me te "tino kore" i te tuhinga.
Ngā Tae Atahanga
Ka taea e nga whakaahua te kuware ki te tautuhi i nga rahi no te mea ka taea e koe te whakamahi i te pūtirotiro hei whakahou i te ahua. Ko te tikanga, ko nga whakaahua taapiri me te kaituhi he whakaaro kino, no te mea he nui nga waahanga o nga pepa ki te kawe i nga korero, me te mahi a nga kaitoro ki te mahi kino ki te whakahou, ki te ahua kino o nga whakaahua. Engari, me whakamahi koe i nga taputapu whakairoiro hei whakahou i nga whakaahua , ka tuhi i nga rahi o to tautuhinga HTML.
Kaore i rite ki nga momotuhi, ka taea e nga whakaahua te whakamahi i te HTML, i te CSS ranei hei tautuhi i te rahi. Ka tautuhi koe i te whanui o te ahua me te teitei. Ina whakamahi koe i te HTML, ka taea e koe te tautuhi i te rahi o te whakapakoko i roto i nga pika. Mena ka whakamahi koe i te CSS, ka taea e koe te whakamahi i etahi atu taputapu, tae atu ki nga inihi, nga nekehanga, me nga whakarau. Ko tenei uara whakamutunga, he paheketanga, he tino whai hua ki nga waahanga o nga whakaahua, kia rite ki te paetukutuku whakautu.
Hei tautuhi i te rahi o te ahua ki te whakamahi i te HTML, whakamahia te teitei me te whanuitanga o nga huanga o te tūtohu img. Hei tauira, ko te ahua 400x400 nga pihi tapawha:
teitei = "400" whanui = "400" alt = "image" />Hei tautuhi i te rahi o te ahua ki te whakamahi i te CSS, whakamahia nga tahua me te waahanga whanui. Tenei ko te ahua ano, ma te whakamahi CSS hei tautuhi i te rahi:
style = "teitei: 400px; whanui: 400px;" alt = "image" />Tae Tahora
Ko te rahi rawa o te rahi e tautuhia ana e koe i te tahora ko te whanui, me te mea tuatahi ka hiahia koe ki te whakatau mehemea ka whakamahi i te tahora whanui whanui , i te paetukutuku whakautu ranei. I etahi atu kupu, ka taea e koe te tautuhi i te whanui kia rite ki te maha o te pika, te inihi, te tohu ranei? Kaore ranei koe e tautuhi i te whanuitanga o to tahora hei whakawari ma te whakamahi i nga ira me nga paanga? Hei tautuhi i te rahi o to tahora, whakamahia ana e koe te whanui me te teitei o nga ritenga CSS rite tonu ki a koe i te ahua.
Te whanui whanui:
style = "whanui: 600px;">Te whānui o te wai:
style = "whanui: 80%;">I a koe e whakatau ana i nga whanui mo to tahora, me mahara tonu koe ki nga whanui o te tirotiro ka whakamahia pea e ou kaipānui me nga whakaaro rereke ka whakamahia e ratou. Koinei te take o nga paetukutuku e whakautu ana , e taea ai te whakarereke i to raatau taapiri me te waahanga e pa ana ki nga whakaaro rereke me nga rahi o te mata, koinei te paerewa tino pai i tenei ra.