Ko te whakaturanga CSS he nui atu i te X, Y Coordinates
Kua roa te wähanga nui o te whakatakotoranga CSS hei hanga i nga whakatakotoranga paetukutuku. Ahakoa te tipu ake o nga tikanga hangarau hou o CSS rite te Flexbox me te CSS Grid, kei te noho tonu te whakaturanga ki tetahi putea a nga kaihoahoa tukutuku.
A, no te whakamahi i te tūnga CSS, ko te mea tuatahi ka hiahia koe ki te mahi, ko te whakarite i te taonga CSS mo te tūranga ki te korero ki te pūtirotiro mēnā kei te whakamahi koe i te tūnga tūturu, whanaunga rānei mo tētahi kaupapa. Me mohio hoki koe ki te rereketanga i waenganui i enei āhuatanga e rua.
Ahakoa ko te mea tino tika, ko te whanaungatanga nga tikanga e rua o te CSS e whakamahia ana i roto i te hoahoa tukutuku, e wha nga ahuatanga kei roto i te waahanga:
- Tuhinga
- tino
- whanaunga
- kua whakaritea
Ko te tautuhi ko te turanga taunoa mō tetahi huanga i runga i te whārangi tukutuku. Mena kaore koe e tautuhi i te tuunga o te huānga, ka tohuhia. Ko te tikanga ka whakaatuhia i runga i te mata i runga i te wahi kei roto i te tuhinga HTML me pehea e whakaatu ai i roto i te rere noa o taua tuhinga.
Mena ka tono koe i nga ture tuunga hei runga, ka mahue ranei ki tetahi huinga e whai tohu ana, ka waiho nga ture ki te wareware, ka noho tonu te huanga ki te wahi e kitea ana i roto i te rere o te tuhinga. I te mea pono, kaore pea koe, mehemea ka hiahia koe ki te whakatakoto i tetahi huinga ki te turanga taatai i CSS mai i te mea ko te uara taunoa.
Te Whakaritea CSS Teitei
Ko te tūnga tino nui ko te tūranga CSS māmā rawa atu ki te māramatanga. Ka tīmata koe ki tenei mahinga taonga CSS:
tūranga: tino;Ko tenei uara e whakaatu ana ki te rorohiko ko nga mea katoa e whakaturia ana kia nekehia atu i te rere noa o te tuhinga, ka whakanohoia ki tetahi taunga i runga i te whaarangi. Ko tenei ka tohua i runga i te waahanga o te waahanga o te waahanga o te waahanga.
No te mea kua tangohia he huanga tino turanga i roto i te rere noa o te tuhinga, kaore e pa ki te ahua o nga huinga i mua i te waa, i muri ranei i te HTML kei te whārangi tukutuku.
Hei tauira - mehemea he wehewehenga i whakaturia ki a koe ma te whakamahi i te uara o te whanaungatanga (ka titiro tonu matou ki tenei uara), i roto i taua wehenga he parawae koe i hiahia koe ki te whakatau i nga pika pikaunga 50 mai i te tihi o te wehenga, ka taapiri i te uara o te "tino" ki taua paraka me te utu whakaiti o te 50px i runga i te "top" rawa, penei.
tūranga: tino; runga: 50px;Ka whakaatuhia e tenei huinga tuuturu katoa 50 pikaro mai i runga o taua waahanga tuuturu - ahakoa he aha atu e whakaatu ana i reira i te rere noa. Ko to huinga "tino" kua tohua e ia te ahuatanga i whakaritea hei horopaki me te painga utu e whakamahi ana koe he whanaungatanga tera.
Ko nga mahinga turanga e wha e wātea ana ki a koe hei:
- runga
- tika
- raro
- maui
Ka taea e koe te whakamahi i runga, i raro ranei (mai i te mea kaore e taea te tautuhi i tetahi huanga kia rite ki enei uara) me te taha matau ranei.
Mena kua whakaturia he huinga ki tetahi turanga o te tino tuturu, engari kaore he tohu tupuna mo nga tupuna, ka tuhia ki te taha o te tinana, ko te tino taumata teitei rawa o te whaarangi.
Te Whakatünga Pii
Kua whakahuahia e matou te tuunga whanaungatanga, na, kia titiro ki taua taonga inaianei.
Ko te mahi a te whanaungatanga e whakamahi ana i ngaa waahanga e wha hei turanga tuuturu, engari hei whakakapi i te tūranga o te huānga i runga i tana tipuna kaore e tuhia ana, ka timata mai i te waahi kei te haere tonu te reanga.
Hei tauira, mehemea e toru nga pararangi kei to wharangi tukutuku, a, ko te tuatoru he "tautuhinga" mo te whanaungatanga "e whakanohohia ana ki runga, ko te turanga ka whakahekehia i runga i te waahi o tenei wa.
Kōwae 1.
Kōwae 2.
Parawae 3.
I roto i te tauira o runga ake, ko te tuatoru o nga paraka ka tuhia 2em mai i te taha maui o te putea ipurangi, engari kei raro ake i nga paraka tuatahi e rua. Ka noho tonu i roto i te rere noa o te tuhinga, a ka tika tonu te whakapaha. Mena kua hurihia e koe hei whakatau: tino; ko tetahi mea e whai ake ana ka whakaatu i runga i taua mea, no te mea kaore i te rere noa te tuhinga.
He maha nga waahanga kei te whārangi tukutuku e whakamahia ana hei whakatau i te uara o te tuunga: he whanaungatanga kaore he utu whakautu, i te mea ko te kaupapa kei te noho tonu i te waa e puta mai ana i roto i te rere noa. Ka mahia tenei ki te whakauru i taua huinga hei horopaki mo etahi atu huinga ka taea te whakanoho tino. Hei tauira, mehemea kei te wehewehea koe i to paetukutuku katoa me te uara a te akomanga o te "pouaka" (he ahuatanga tino noa tenei i roto i te hoahoa tukutuku), ka taea te wehewehenga ki te ahua o te whanaunga kia taea ai e tetahi mea kei roto te whakamahi koinei hei horopaki hohenga.
He aha e pā ana ki te Whakaritea Tuuturu?
Ko te whakatakotoranga i whakaritea he rota rite te whakatakotoranga tuturu. Ko te tuunga o te huānga ka tohua i te ara ano kia rite ki te tauira tino, engari ka whakaturia nga mema kua whakaritea i taua waahi-ka rite ki te tohuwai . Ko nga mea katoa i runga i te whārangi ka huri i mua i taua huinga.
Hei whakamahi i tenei uara rawa, ka whakaturia e koe:
tūranga: kua whakaritea;Kia mahara, ka whakatika koe i tetahi huinga i runga i to pae, ka tuhia ki taua taahiranga ina tuhia ana to Tukutuku Tukutuku. Hei tauira, ki te whakaturia to huanga ki te tihi o to papanga, ka puta mai i runga o nga pepa kua oti te tuhi - no te mea kua whakaturia ki te tihi o te whaarangi. Ka taea e koe te whakamahi i nga momo pāpāho hei huri i te ahuatanga o nga whārangi kua taatatia e whakaatu ana i nga huinga kua whakaritea
@whakaaroa {h1 # tuatahi {tūranga: kua whakaritea; }} @tika pa {h1 # tuatahi [tūranga: tohu; }}He tuhinga taketake na Jennifer Krynin. I whakatikahia e Jeremy Girard i te 1/7/16.