Kaore koe e whakawhitinga ki tetahi raupapa CSS kotahi ma ia kaupapa.
Ko nga Pepa Whakairo Rawa (CSS) ka tuku koe ki te tautuhi i te ahua o te huanga ma te whakauru atu ki nga huanga e whakamahi ana koe ki taua huānga. Ko enei huanga ka taea ko ID ranei, he akomanga ranei, ano he ahuatanga katoa, ka taapirihia e ratou nga korero e pa ana ki nga kaupapa e hono ana ki a ratau. I runga i te ahua o te huanga e tapiritia ana e koe ki tetahi huinga, ka taea e koe te tuhi i tetahi kaitautoko CSS hei tono i nga waahanga e tika ana mo te whakatutuki i te ahua me te painga mo taua huanga me te paetukutuku katoa.
Ahakoa e mahi ana nga ID me nga akomanga mo te kaupapa ki te whakauru ki roto ki nga ture CSS, ka whakaaetia e nga tikanga hoahoa hou hou nga akomanga i runga i nga ID, i te waahanga, no te mea he iti ake te waahanga, hewari ake hoki te mahi tahi. Ae, ka kitea tonu e koe nga pae maha e whakamahi ana i nga ID, engari ko enei huanga ka whakamahia i te warea atu i nga waa kua pahure ake nei i nga waahanga o nga paetukutuku hou.
Ko nga Rangatahi Takitahi ranei, kei roto i te CSS?
I roto i te nuinga o nga wa ka tohatoha koe i tetahi huanga o te akomanga kotahi ki tetahi huanga, engari kaore koe e whakawhitingahia ki te waa kotahi anake kei a koe me nga ID. Ahakoa he huanga kotahi ID anake, ka taea e koe te tino hoatu i nga akomanga maha maha, a, i etahi wa, ko te mahi ka pai ake te mahinga o to maatau ki te tahua, me te kaha ake!
Mena ka hiahia koe ki te toha i nga akomanga maha ki tetahi huinga, ka taea e koe te tapiri atu i nga akomanga atu, me te wehewehe noa iho ia ratou ki te waahi i to huanga.
Hei tauira, kei roto i tenei waahanga he akomanga e toru:
tohatoha kei te taha maui "> Koinei te tuhinga o te paraka
Ko tenei ka whakatakoto i nga akomanga e toru e whai ake nei i runga i te waahanga paraka:
- Pullquote
- Whakaatuhia
- Mauī
Tuhia nga mokowhiti i waenga i ia o nga uara o te akomanga. Ko nga waahi ka tuhia hei ahua rereke, kaainga takitahi. Na konei hoki kaore nga ingoa o te akomanga e whai waahi ki a ratou, no te mea ko te mahi pera ka whakaturia hei kaainga motuhake.
Hei tauira, mehemea ka whakamahia e koe te "waahi-maui-maui" me te kore he waahi, ka kotahi te utu o te akomanga, engari ko te tauira i runga ake nei, kei te wehea enei kupu e toru me te waahi, ka tuhia hei uara takitahi. He mea nui ki te mohio ki tenei ariä ka whakatau koe i nga uara a te akomanga ki te whakamahi i runga i to pae tukutuku.
I te wa e whai ana koe i te uara o te akomanga ki te HTML, ka taea e koe te tohu i enei hei akomanga i roto i to CSS ka whakamahi i nga momo e hiahia ana koe ki te tapiri. Hei tauira.
.pullquote {...}
.featured {...}
p.left {...}
I roto i enei tauira, ko nga korero a CSS me nga takirua o te uara kei roto i nga awhi o te arai, he pehea te tono o aua momo ki te kaiwhiwhi tika.
Tuhipoka - ki te whakaturia e koe he akomanga ki tetahi kaupapa motuhake (hei tauira, p.ftft), ka taea tonu e koe te whakamahi hei waahanga o te raupapa o nga akomanga; Heoi, kia mohio kei te pa ana ki aua mea i tautuhia i roto i te CSS. I etahi atu kupu, ka whakamahia noa iho te momo paanga ki nga parakalaka me tenei akomanga mai i te mea ko ta te kaiwhiwhi e kii ana kia whakauru ki nga "paraka me te uara o te akomanga o te 'maui'". Engari, ko era atu o nga kaitaunui e rua i roto i te tauira e kore e tautuhi i tetahi waahanga, na ka tono ratou ki tetahi mea e whakamahi ana i aua uara o te karaehe.
Tuhinga o mua
Ka taea e nga karaehe maha ngawari ki te whakarahi i nga paanga motuhake ki nga huinga me te kore e hanga i tetahi momo tahua hou mo taua huanga.
Hei tauira, ka hiahia pea koe ki te peke i nga huānga ki te taha maui, ki te tika ranei . Ka taea e koe te tuhi i nga akomanga e rua ka mahue me te tika me te rererangi anake: maui; me te rererangi: tika; i roto ia ratou. Na, i te wa e whai ana koe i tetahi huinga ka hiahia koe ki te rere i te taha maui, ka tapiri noa koe i te akomanga "mahue" ki tana raupapa akomanga.
He raina pai te haere ki konei, heoi. Kia mahara ko nga paerewa tukutuku e whakatau ana i te wehewehenga o te kāhua me te hanganga. Kei te whakahaeretia te hanganga ma te HTML, i te wa e noho ana te kāhua i CSS.
Mena kei te whakakiia to tuhinga HTML ki nga huinga katoa e whai ingoa ana i te akomanga he "whero" ranei "maui", he ingoa e whakaatu ana me pehea nga huanga kia titiro atu i te mea kei a ratau, kei te whakawhiti i taua raina i waenga i te hanganga me te kāhua. E ngana ana au ki te whakawhitinga i nga ingoa o te akomanga kore-kore mo te take.
He maha nga akomanga, me nga kaupapa, me te Javascript
Ko tetahi atu painga ki te whakamahi i nga akomanga maha, ko te whakarato ia koe i te maha atu o nga waahanga o te taunekeneke.
Ka taea e koe te whakamahi i nga akomanga hou ki nga huinga o mua e whakamahi ana i te JavaScript me te tango i etahi o nga akomanga tuatahi. Ka taea hoki e koe te whakamahi i nga akomanga ki te tautuhi i nga hiko o te huānga . Ko te tikanga tenei ka taea e koe te whakauru atu ki etahi atu akomanga hei tautuhi i te tikanga o te tikanga o te tikanga. Ko tenei te mahi a Microformats.
Tuhinga o mua
Ko te mea tino nui ki te whakamahi i nga akomanga maha i runga i o taau kaupapa ko te mea ka taea e ratou te mea iti ki te titiro me te whakahaere i te wa. He mea uaua ki te whakatau he aha nga ahua e pa ana ki tetahi huinga, mehemea ka pangia e tetahi tuhinga. Ko te nuinga o nga anga e wātea ana i tenei ra, pēnei i Bootstrap, e whakamahi ana i nga huānga me nga akomanga maha. Ko taua waehere ka puta mai i te ringa me te uaua ki te mahi tere mehemea kaore koe e tupato.
Ina whakamahi koe i nga akomanga maha, ka rere ano koe i te waahi o te ahua o te kaari mo tetahi o nga akomanga ka whakakore i te ahua o tetahi atu ahakoa kaore koe i hiahia mo tenei. Ka taea e tenei te mea uaua ki te whakaarohia he aha e kore ai e whakamahihia o tahua i a ratau i te wa e puta mai ana.
Me mohio koe ki te tino whaitake, ahakoa nga huanga e whakamahia ana ki taua huānga!
Ma te whakamahi i te taputapu hei taputapu Tohungatuku i Chrome, ka taea e koe ngawari te kite i te panga o to kaaanga ki o raatau momo me te karo i tenei raru o nga ahuatanga me nga huanga.
He tuhinga taketake na Jennifer Krynin. I whakatikaia e Jeremy Girard i te 8/7/17