He Whakaritenga o nga Pepa Whakairo Rawa me te Rau Tohu Tauira
Ki te hangaia e koe he paetukutuku mai i te tihi, he pai ki te tīmata me nga momo tautuhi kua tautuhia. He rite ki te tīmata ki te koroa me te paraihe hou. Ko tetahi o nga raruraru tuatahi e pa ana ki nga kaihoahoa tukutuku ko nga kaituhi tukutuku katoa he rereke. Ko te rahi momotuhi taunoa he rereke mai i te turanga ki te turanga, he rereke te whānau momotuhi taunoa, ka tautuhia e etahi o nga kaiwhakamahi nga taapeta me nga whara i runga i te tohu o te tinana kaore ano etahi atu, ka pera ano. Whakaritehia enei taaparua na roto i te tautuhi i nga momo taunoa mo o rarangi tukutuku.
CSS me te Tautuhinga Pūāhua
Ko nga mea tuatahi i te tuatahi, tautuhi i te huinga tohu o o tuhinga CSS ki te tau -8 . Ahakoa ko te nuinga o nga whaarangi kua hoahoahia e koe, kua tuhia ki te reo Ingarihi, kaore pea etahi e taataihia-kua tautuhia mo nga horopaki reo me te ahurea. A, no te mea, ka whakapaumautia e te utf-8 te tukanga. Ko te tautuhi i te tahua i roto i te ahua kāhua o waho e kore e whai mana ki runga i te pane pane HTTP , engari i roto i nga atu āhuatanga katoa, ka.
He mea ngawari ki te tautuhi i te huinga tahua. Mo te rarangi tuatahi o te tuhinga CSS e tuhi ana:
@charset "utf-8";I tenei ara, ki te whakamahi koe i nga horopaki o te ao i roto i nga taonga ihirangi, i te ingoa o te akomanga me te ID, ka mahi tonu te pepa ahua .
Te tarai i te Body Whārangi
Ko te mea e whai ake nei ko nga waahanga momo tahua taapau ko nga momo kaore i te taha o nga taapete, o nga paera, me nga rohe. Ma tenei e whakarite nga kaituhi katoa ki te whakanoho i nga ihirangi ki te wahi kotahi, kaore hoki he waahi huna i waenga i te tirotiro me te ihirangi. Mo te nuinga o nga paetukutuku, he tata rawa tenei ki te mata mo te kuputuhi, engari he mea nui ki te timata i reira kia tika ai te tuhonohia o nga whakaahua papamuri me nga wahanga whakatakotoranga.
html, tapahanga tinana: 0px; taraiwa: 0px; rohe: 0px; }Tautuhia te paahi taunoa me te tae momotuhi ki te pango me te tae taunoa taunoa ki te ma. Ahakoa ka rere ke tenei mo te nuinga o nga mahere tukutuku, ko enei tae paerewa kei runga i te tinana me te tūtohu HTML i te tuatahi ka maatau te whārangi ki te korero me te mahi.
html, tinana {tae: # 000; Tuhinga: #fff; }Tae Momotuhi Taunoa
Ko te momotuhi momotuhi me te whanau momotuhi he mea e kore e rereke i te wa e mau ana te hoahoa, engari ka tīmata me te rahi momotuhi taunoa o te 1 em , me te whanau momotuhi taunoa o Arial, Geneva, me etahi atu momotuhi kore-serif. Ko te whakamahinga o nga raima ka pupuri i te whaarangi ka taea te uru, a ka nui atu te korero i te momotuhi kore-serif i runga i te mata.
html, tinana, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, kore-serif; }Tera pea etahi atu wahi e kitea ana e koe te kuputuhi, engari p , th , td , li , dd , me dt he timatanga pai mo te tautuhi i te momotuhi turanga. Whakauruhia te HTML me te tinana i te mea anake, engari he maha nga kaiwhakamahi tirotiro i te waahanga momotuhi mēnā ka tautuhi koe i ō momotuhi mo te HTML me te tinana.
Kaupapa
Ko nga pane HTML he mea nui ki te whakamahi hei awhina i to raupapa pae, me te tuku i nga engines rapu kia hohonu atu ki to pae. Kaore he momo, he tino kino katoa, na ka whakaturia nga momo taunoa i runga ia ratou katoa ka tautuhi i te whanau momotuhi me nga rahi momotuhi mo ia.
h1, h2, h3, h4, h5, h6 {momotuhi-whānau: Arial, Helvetica, kore-serif; } h1 {momotuhi-rahi: 2em; } h2 {momotuhi-rahi: 1.5em; } h3 {momotuhi-rahi: 1.2em; } h4 {momotuhi-rahi: 1.0em; } h5 {momotuhi-rahi: 0.9em; } h6 {momotuhi-rahi: 0.8em; }Kaua e wareware i nga Hononga
Ko te taraihi i nga tae hono he tata tonu te waahanga o te hoahoa, engari ki te kore koe e tautuhi i nga waahanga taunoa, ka tupono ka wareware koe i tetahi o nga pseudo-akomanga. Whakatautuhia ki a ratau he rereke iti i runga i te puru, ka hurihia i te wa kotahi te papanga tae mo te tautuhinga o te pae.
Hei tautuhi i nga hononga i roto i te atarangi o te puru, whakaturia:
- hononga rite puru
- i tae atu nga hononga ki te puru pouri
- ko nga hononga hover hei puru marama
- hononga hono rite noa puru puru
kia whakaaturia ki tenei tauira:
a: hono {color: # 00f; } a: i tae mai [tae: # 009; } a: hover {tae: # 06f; } a: kaha {te tae: # 0cf; } Na roto i te tautuhi i nga hono ki tetahi mahinga tae tae noa ki te kino, ka kore e wareware ahau ki tetahi o nga karaehe, me te iti ake te iti atu i te paararangi, te whero me te papura.Puka Puka Katoa
Anei te pepa kāhua katoa:
@charset "utf-8"; html, tapahanga tinana: 0px; taraiwa: 0px; rohe: 0px; tae: # 000; Tuhinga: #fff; } html, tinana, p, th, td, li, dd, dt {momotuhi: 1em Arial, Helvetica, kore-serif; } h1, h2, h3, h4, h5, h6 {momotuhi-whānau: Arial, Helvetica, kore-serif; } h1 {momotuhi-rahi: 2em; } h2 {momotuhi-rahi: 1.5em; } h3 {momotuhi-rahi: 1.2em; } h4 {momotuhi-rahi: 1.0em; } h5 {momotuhi-rahi: 0.9em; } h6 {momotuhi-rahi: 0.8em; } a: hono {color: # 00f; } a: i tae mai [tae: # 009; } a: hover {tae: # 06f; } a: kaha {te tae: # 0cf; }