Ko nga korero kei roto i to waehere CSS he whai hua me te tino taunakitanga.
Ko nga paetukutuku katoa kei roto i ngaa hanganga hanganga (e whakaatuhia ana e te HTML) me te ahua ataata, te "titiro me te ite" o taua pae. Ko nga Pepa Whakairo Rawa (CSS) nga mea e whakamahia ana hei whakaatu i te ahua o te paetukutuku. Ko enei momo ka wehea i te hanganga HTML hei tuku mo te whakahou me te aro ki nga paerewa Tukutuku.
Me te nui o te matatini o nga paetukutuku maha i tenei ra, ko nga pepa ahua ka hohoro te tere me te kaha rawa ki te mahi. He tino pono tenei ma te wa e timata ana koe ki te whakauru i nga uiuinga korero mo nga ritenga o te paetukutuku . Ka taea e nga uiuinga maatauranga anake te whakarahi i te nui o nga momo hou ki te tuhinga CSS, me te kaha ake ki te mahi tahi. Ko tenei ka taea e nga korero CSS te awhina i te paetukutuku.
Ko te whakauru i nga korero ki nga kōnae CSS o te paetukutuku he huarahi pai hei whakarahi i te hanganga ki nga waahanga o taua waehere mo te kaipānui tangata e arotake ana i te tuhinga. He huarahi whakamiharo ano hoki hei whakamarama i aua momo ahuatanga mo te ngaio rorohiko e mahi ana ki te pae i te wa kei mua - tae atu ki a koe!
I te mutunga, ka whakanuia nga korero a CSS ka hangawari i te ahua kāhua. Ko tenei, he tino nui mo nga pepa ahua ka whakatikahia e nga kapa. Ka taea te whakamahi i nga korero hei whakawhiti i nga waahanga nui o te momo kāhua ki nga mema o te kapa e kore pea e mohio ki te waehere. Ka taea hoki e enei korero te tino awhina mo nga tangata i mahi i te pae i mua i te wa e hoki mai ai ratou ki te waehere i muri i to raatau atu i etahi wa. He maha nga wa i whakatikahia ai e ahau tetahi paetukutuku i hanga e ahau i etahi marama, i nga tau ranei kua pahemo, me te pai o nga korero kua oti te whakaputu i roto i te HTML me te CSS he awhina awhina! Kia mahara, no te mea ka hangaia e koe he pae kaore koe e mahara ki te aha i mahia ai e koe nga mea i mahia e koe ina hoki koe ki taua pae i te heke mai! Ka taea e nga korero te whakauru i o raatau whakaaro me te whakamohio i nga whakaponotanga katoa i mua i te wa e tupu ana.
Ko tetahi mea ki te mohio mo nga korero a CSS ko te kore e whakaatuhia ina ka puta te whaarangi ki nga kaituhi tukutuku. Ko enei korero he korero anake, he rite tonu nga korero HTML (ahakoa he rereke te huinga i waenganui i nga rua). Ko enei korero CSS e kore e pa ki te whakaaturanga ataata o te pae i tetahi ara, kei te noho tonu i roto i te waehere ake.
Te tāpiri i nga korero CSS
He mea tinowari te whakauru i te korero CSS. Ka tuhi noa koe i to korero me nga tohu tuwhera me nga tapanga whakamutu:
- Tīmatahia to korero ma te tāpiri / *
- Katia to korero ma te tāpiri / /
Ko nga mea e puta ana i waenga i enei tohu e rua ko te ihirangi o te korero, ka kitea anake i roto i te waehere me te kore e tukuna e te pūtirotiro.
Ka taea te korero CSS hei raina kotahi, ka taea ranei te tango i nga raina maha. Anei he tauira raupapa kotahi:
div # boundary_red [rohe: kikokore matotoru whero; } / * tauira taraiwa whero * /A he tauira huinga:
/ *********************************************** ****** Kāhua mō te tuhinga kuputuhi ************************************** *************** /Nga wahanga i waho
Ko tetahi o nga huarahi e whakamahi ana ahau i nga korero CSS ko te whakarite i taku waahua i roto i nga waahanga iti, ngawari atu hoki. Kei te hiahia au ki te kite i nga waahanga nei i te wa ka tuhia e au te kōnae i muri mai. Ki te mahi i tenei, ka maha ake nga korero ki a au me te maha o nga waahi i roto ia ratou, kia whakaratohia he waahanga nunui, tino kitea i roto i te whaarangi e ngawari ana ki te kite ka hohoro tonu te huri i roto i te waehere. Anei he tauira:
/ * ---------------------------------------------------- ------- * /Ka kite ahau i tetahi o enei korero i roto i taku waehere, e mohio ana ahau ko te timatanga o te waahanga hou o taua tuhinga, ka taea ai e au te mahiwari me te whakamahi i te waehere.
& # 34; Korero Atu & # 34; Waehere
Ka taea ano hoki e nga tūtohu korero te whai hua i roto i te tukanga pono o te whakawhitinga me te taapiri i tetahi whārangi. Ka taea te whakamahi i nga korero ki te "korero" ranei "whakakorea" nga waahanga o taua waehere kia kite he aha te mea ka tupu mēnā ehara te waahanga i te waahanga o te whārangi.
Na te aha tenei mahi? Ko te mea, na te mea e whakaatu ana nga tohu korero ki te rorohiko ki te kore e aro ki nga mea katoa i waenganui ia ratou, ka taea e koe te whakamahi hei whakakore i etahi waahanga o te waehere CSS. Ka taea e tenei te whakamahi i te wawaenga, i te wa e whakatika ana i te whakahōputu Whārangi Tukutuku.
Ki te mahi i tenei, ka whakapiri noa koe i te tūtohu whakatuwhera i te wahi e hiahia ana koe kia tīmata te waehere me te whakanoho i taua tūtohu mutunga ki hea e hiahia ana koe kia mutu te waahi hauora. Ko nga mea katoa i waenga i aua tūtohu kaore e pa ki te whakaaturanga ataata o te pae, ka taea e koe te tarai i te CSS kia kite i hea ka raru pea. Ka taea e koe te whakauru i taua take me te tango i nga korero mai i te waehere.
CSS korero tohutohu
Hei recap, ko etahi tohutohu hei mahara mo te whakamahi i nga korero i to CSS:
- Ka taea e nga korero te whakawhiti i nga raina maha.
- Ka taea e nga korero te whakauru i nga kaupapa CSS e kore e hiahiatia e te kaituhi, engari kaore e hiahia ki te muku rawa. He ara pai tenei ki te tarai i nga pepa tahua o te paetukutuku - me tino mohio ki te tango i nga momo kaore i tuhia (me te kore e waiho ma te korero) mehemea ka whakatau koe kaore koe e hiahia ana ki te paetukutuku
- Whakamahia nga korero i nga wa katoa ka tuhi koe i te CSS uaua ki te whakamarama me te whakamohio i nga kaihanga o te heke mai, i a koe ake ranei, mo nga mea nui kia mohiohia e ratou. Ma tenei e tiaki i te waa whanaketanga mo nga waahanga katoa.
- Ka taea hoki e nga korero te whakauru i nga korero meta kia penei:
- kaituhi
- rā i hanga
- mōhiohio mo te mana
Mahi
Ka tino awhina nga korero, engari kia mohio ano ko nga korero e tapiritia ana e koe ki te momo kāhua, ka riro mai te kaitarai, ka pa ki te tere o te tikiake me te whakaaturanga o te pae. He tino raruraru tenei, engari kaua e whakaroa ki te whakapiri i nga korero whaihua me nga tika mo te wehi kei te mamae te mahi. Ko nga rarangi o CSS e kore e nui te rahi o te rahi ki te tuhinga. Me hiahia koe ki te whakauru i nga TONS o nga rarangi korero kia whai painga nui ki te rahi o te kōnae CSS. Ko te whakauru i te whanui o nga korero whai hua i roto i to CSS, kaua e hoatu ki a koe he painga kino kino ki te tere o te whārangi.
I te mutunga, ka hiahia koe ki te rapu i te pauna i waenga i nga korero whaihua me te maha o nga korero hei whiwhi i nga painga o nga tuhinga CSS.
He tuhinga taketake na Jennifer Krynin. I whakatikahia e Jeremy Girard i te 7/5/17