He aha te whakaiti noa o te komiti ngoikore i te whakawhitinga
CSS, ranei Pepa Whakairo Rawa, ko te ahumahi o te ahumahi hoahoa tukutuku ki te whakarahi i nga hanganga ataata ki tetahi pae. Ma te CSS, ka taea e koe te whakahaere i te whakatakotoranga whārangi, nga tae, te tuhipoka , te papamuri, me te nui atu. Ko te tikanga, ki te mea ko te ahua ataata, na CSS te huarahi ki te kawe i aua momo ki to paetukutuku.
I a koe e tapiri ana i nga momo CSS ki te tuhinga, ka taea e koe te kite kei te timata te tuhinga ki te roa me te roa ake. Ahakoa he papa iti noa iho he whanui o nga rarangi ka taea te whakamutu me te kohinga CSS nui - me te waahanga nui rawa me te maha o nga waahanga o nga ihirangi ahurei ka taea te nui o nga kōnae CSS. Kei te whakahirahirahia tenei ma nga pae whakautu e nui ana nga uiuinga whakawhitiwhiti i roto i nga pepa ahua hei whakarereke i te ahua o nga tirohanga ataata, me te whakaatu o te whārangi mo nga mata rereke.
Ae, ka taea e nga kōnae CSS te roa. Ehara tenei i te raru nui ina tae mai ki te mahinga o te paetukutuku me te tere o te tikiake, no te mea he iti rawa te kōnae CSS roa (no te mea ko te tuhinga kuputuhi anake). Heoi ano, ko te iti o te iti o te iti e tatau ana ka tae mai ki te tere o te whārangi, na, ki te taea e koe te hanga i to raau momo putea, he pai te whakaaro. Koinei te wahi e taea ai e te "comma" te tiki mai i roto i to pepa ahua!
Komihana me CSS
Kua pohehe pea koe ki te aha te takahanga o te kiriata i roto i te CSS selector syntax. Ka rite ki nga rerenga, ka puta mai te maama-kaore he waehere-ki nga kaitautoko. Ka wehea e te piko i roto i te kaitono CSS nga kaiwhiwhi maha i roto i nga momo ahua.
Hei tauira, tirohia etahi CSS i raro nei.
te tae: whero; }
td {tae: whero; }
p.red {tae: whero; }
div # tuatahi (tae: whero; }
I tenei whakahuatanga, e kii ana koe e hiahia ana koe ki nga tūtohu, nga tūtohu tt, nga tūtohu paraka me te karaehe o te akomanga, me te tohu tohu me te ID i mua i te katoa o te tae o te tae.
Ko te CSS tino pai tenei, engari e rua nga waahanga nui hei tuhi i tenei ara:
- I te wa kei te heke mai, ki te whakatau koe ki te huri i te tae momotuhi o enei āhuatanga ki te puru, me tahuri koe i taua huringa kia wha nga wa i roto i to pepa ahua.
- Ka tapiritia e ia he maha o nga tuhi atu ki to pepa ahua e kore e hiahiatia e koe. Ko enei ahua e 4 kaore pea i te ahua nui, engari ki te haere tonu koe i tenei waahanga puta noa i taau momo kāhua katoa, ka nui ake nga raina, ka nui ake te pepa, nui atu i te waa.
Ka taea e koe te karo i enei paheketanga, me te whakahou i to kōnae CSS, ka ngana taatau ki te whakamahi i nga papa.
Te whakamahi i nga Taepa ki nga Kaituku I wehe
Engari kaua e tuhi i etahi kaitohutohu CSS motuhake me nga ture e 4, ka taea e koe te whakakotahi i enei momo katoa ki tetahi taonga ture ma te wehewehe i nga kaiwhiwhi takitahi me te hoahoa. Tenei ko te pehea e mahia:
th, td, p.red, div # tuatahi [tae: whero; }
Ko te ahua o te momotuhi he mahi tino rite te kupu "me" i roto i te kaitono. Na tenei e pa ana ki nga tūtohu t me nga tohu TD me nga tūtohu paraka me te karaehe whea ME te tohu tohu me te ID tuatahi. Ko te mea ano tena i mua, engari mo te hiahia kia 4 ture CSS, he ture kotahi mo nga kaiwhiwhi maha. Koinei te mea kei roto i te kaitono, ka taea e tatou te whai tohu maha i roto i te ture kotahi.
Ehara i te mea koinei tenei huarahi hei whakauru, hei whakahou i nga kōnae CSS, ka tino pai ake hoki nga whakahou a meake nei. Na, ki te hiahia koe ki te huri i te tae mai i te whero ki te puru, me whakarereke noa koe i te huringa i tetahi taatai, engari i te taha o nga ritenga tahua e 4 o ta matou i! Whakaarohia enei penapena waahi puta noa i te katoa o te kōnae CSS ka taea e koe te kite me pehea e whakaora ai koe i te wa me te waahi i te roopu roa!
Huringa Huanga
Ko etahi ka whiriwhiri ki te whakarahi i te CSS ma te wehenga o ia kaitono i runga i tana ake rarangi, kaua te tuhi i te katoa i runga i tetahi rarangi i runga. Ko tenei ka penei:
th,
td,
p.red,
div # tuatahi
{
tae: whero;
}
Kia mohio koe ka waiho e koe he huinga i muri o ia kaitohutohu, ka whakamahi "tomo" ki te wawahi i te kaipatu i muri mai ki tana ake raina. Kaore koe i te whakauru i te hoahoa i muri i te kaitono whakamutunga.
Ma te whakamahi i nga tohu i waenganui i nga kaiwhiwhi, ka hangaia e koe he pepa ahua kaari ake ka pai ake te whakahou i te wa kei te heke mai, me te mea kawari ki te korero i tenei ra!
He tuhinga taketake na Jennifer Krynin. I whakatikahia e Jeremy Girard i te 5/8/17