Nga Kaihaututu CSS maha hei Whakapai ake i te Tere Tere
Ko te kaha ko te mea nui i roto i te paetukutuku angitu. Kia pai te paetukutuku ki te whakamahi i nga whakaahua i te ipurangi . Ma tenei ka awhina kia pai te mahi o te paetukutuku mo nga manuhiri, me te kawenga wawe ki a raatau whakaaro. Me whai hua ano te mahi ki taau tukanga, hei awhina ia koe ki te pupuri i te ahunga whakamua a te pae i te wa me te tahua.
I te mutunga, he pai te whai hua ki nga waahanga katoa o te hanganga o te paetukutuku me te angitu o te wa roa, tae atu ki nga momo kua tuhia mo nga pepa CSS o taua paetukutuku. Ko te kaha ki te waihanga i te uira, he pai nga kōnae CSS horoi, me tetahi o nga huarahi e taea ai e koe te whakatutuki i tenei, ko te whakakotahi i nga kaitautoko CSS maha.
Ko te Whakarōpū Whiriwhiri
Ina tohaina e koe nga kaiwhiwhi CSS , ka whakamahi koe i nga momo ahua ki etahi momo rereke kaore ano i te huri ano i nga momo i roto i to pepa. Engari kaua e rua, e toru, neke atu ranei nga ture CSS, ko nga mea katoa e mahi ana i te mea kotahi (tauira, tautuhi i te tae o tetahi mea ki te whero), he ture CSS kotahi e mahi ana mo taau page.
He maha nga take ka painga ai tenei "whakarōpūtanga o nga kaitono" ki tetahi whārangi. Ko te utu tuatahi, ka iti ake to pepa me te utaina atu. He pono, ko nga pepa ahua kaore i te taha o nga kaitautoko matua ina tae mai ki te whakaheke i nga pae uta. Ko nga kōnae CSS he kōnae kuputuhi, na ko nga pepa CSS tino roa he iti rawa, he nui te mohio o te kōnae, ina whakaritea ki nga whakaahua kore. Heoi ano, he iti nga mea iti, a, ki te taea e koe te heu i te rahi o to CSS ka utaina i nga waarangi ka tere ake, he mea pai tonu te mahi.
I te nuinga o te wa, ko te iti ake o te tere o te kawenga mo nga pae ka iti ake i te 3 hēkona; 3 ki te 7 hēkona e pā ana ki te toharite, ā, neke atu i te 7 hēkona he poto rawa. Ko enei tau iti e tohu ana, ki te whakatutuki ia ratou ki to pae, me mahi koe i nga mea katoa ka taea e koe! Ko te aha tenei ka taea ai e koe te awhina kia tere te whakamahi i to pae ki te whakamahi i nga kaitautoko CSS.
Me pehea ki te Kaitautoko CSS
Hei whakarōpū i nga kaitautoko CSS i roto i to momo pepa, ka whakamahi koe i nga tohu hei wehe i nga kaitautoko kua tohaina i roto i te kāhua. I roto i te tauira i raro iho nei, ko te momo e pa ana ki nga p me nga huānga huinga:
div, p {color: # f00; }Ko te paanga ko te tikanga "a". Na ko tenei kaihoroi e pa ana ki nga waahanga taapiri ME nga huinga katoa. Mena kua ngaro te roma, ka waiho hei parawae katoa he tamaiti o te wehenga. He ahua rereke te ahua o te kaiwhiwhi, no reira ko tenei puranga ka huri i te tikanga o te kaitono!
Ka taea te whakarōpū tetahi ahua o te kaitono me tetahi atu kaiwhiwhi. I tenei tauira, ka whakarōpūtia he kaitono o te akomanga me tetahi kaiwhiwhi ID:
p.red, #sub {tae: # f00; }Na tenei ahua e pa ana ki tetahi waahanga me te huanga o te akomanga o te "whero", me tetahi mea (mai i te mea kaore i tautuhia he ahua) he tohu ID o "sub".
Ka taea e koe te whakarōpū i te maha o nga kaiwhiwhi, tae atu ki nga kaiwhiwhi he kupu kotahi, me nga kaiwhiwhi utu. Kei roto i tenei tauira nga kaiwhiwhi rereke e wha:
p, .red, #sub, div a: link {color: # f00; }Na tenei ture CSS e tono ki nga mea e whai ake nei:
- Ko tetahi huānga parawae
- Nga mea katoa me te akomanga o te "whero"
- Nga mea katoa me te ID o "sub"
- Ko te "hono" o te waahanga o te punga o te hiko.
Ko taua kaiwhiwhi whakamutunga ko te kaituku pūhui. Ka taea e koe te kite kei te ngawari te hono me nga atu kaiwhiwhi i tenei ture CSS. Ki tenei ture, kei te tautuhia e matou te tae o # f00 (he whero) kei runga i enei 4 nga kaiwhiwhi, he mea pai ki te tuhi i nga kaiwhiwhi motuhake 4 kia tutuki ai te hua.
Ko tetahi atu painga o te whakarōpū i nga kaiwhiwhi ko te mea, mehemea ka hiahia koe ki te whakarereke, ka taea e koe te whakatika i tetahi ture CSS hei utu mo nga mea maha. Ko te tikanga ko tenei huarahi e whakaora ana i te taimaha pepa me te wa ka tae mai ki te pupuri i te pae i te wa kei te heke mai.
Ka taea te Whakaritea tetahi Kaitono
Ka taea e koe te kite mai i nga tauira o runga, ka taea te whakauru i tetahi kaihauturu whaimana i roto i te roopu, me nga mea katoa i roto i te tuhinga e hono ana i nga huinga huinga ka whai ahua ano te ahua i runga i taua momo taonga.
Ko etahi ka hiahia ki te whakariterite i nga huinga huinga i runga i nga raupapa motuhake mo te rerenga i roto i te waehere. Ko te ahua i runga i te paetukutuku me te tere o te kawenga kei te noho tonu. Hei tauira, ka taea e koe te whakakotahi i nga momo e wehea ana e nga tohu ki tetahi taonga momo kotahi i roto i tetahi rarangi waehere:
th, td, p.red, div # tuatahi [tae: whero; }
ranei ka taea e koe te whakariterite i nga momo i runga i nga raupapa takitahi mo te marama:
th,
td,
p.red,
div # tuatahi
{
tae: whero;
}
Ko nga tikanga katoa e whakamahia ana e koe ki te whakariterite i nga kaitautoko CSS maha ka tere ake i to pae me te mea kawari ki te whakahaere i nga waahanga roa.
He tuhinga taketake na Jennifer Krynin. I whakatikahia e Jeremy Girard i te 5/8/17.