Faatumuhia: CSS-tahora

A, no te Ko maha e tika ana te tahora o te whārangi ki te hanga i te CSS-ara faatumuhia: hei tauira, ki te faatumu i te wae matua. He maha ngā rongoā ki tenei raruraru, ia o nei maoro, e whai ki te whakamahi i tetahi coder.

Tiaro kuputuhi ki te faatumu

E mea pinepine mō ngā take whakapaipai e hiahia ana koe ki te whakaturia te kuputuhi faatumuhia, CSS i roto i tenei take, ki te whakaiti i te wa o te whakapanga. I mua i meatia tenei te whakamahi i HTML-huanga, engari inaianei e hiahiatia ana te paerewa ki hāngai te kuputuhi ki te whārangi kāhua. I roto i te rerekē ki te poraka mo e hiahia ana koe ki te huri i te purpuru waho i roto i te CSS tīaroaro o kuputuhi i roto i te waenganui e hanga ki te aho kotahi:

• kuputuhi-tiaro: pokapū;

riro ana tēnei taonga te me haere i te matua ki ngā tamariki katoa. pānga te reira i te kuputuhi e kore anake ki ētahi atu huānga engari ano hoki. Hoki tenei whakaaro, kia kia pūriki ratou (hei tauira, whanganga) ranei rarangi-poraka (tetahi poraka e tautuhi rawa whakaatu: poraka). taea hoki te kōwhiringa whakamutunga ki a koe te huri i te whānui me te teitei o te huānga, atu whirihoranga hangore o te nukuhanga.

maha hāngai whārangi huanga ki ia i te tūtohu. hanga tenei tonu te waehere muhu, mai whakaae W3C huanga tīaro tawhitotia. e kore e whakamahi i te reira i runga i te whārangi tūtohutia.

poraka Waenga o

Ki te hiahia koe ki te whakaturia te hāngaitanga o te Tauoti i te waenganui, Ka taea e CSS whakahere rawa he ara whakamarie: te whakamahi o te tawhē purpuru waho. Ka taea te tohua purpuru rite nga mea timatanga poraka, me aho-poraka. kia uara Svoysva 0 (purpuru poutū), me te auto (nukunga aunoa whakapae):

• tawhē: 0 auto;

Na mohio tenei kōwhiringa te rite tino tika. Mā te purpuru waho taea hoki ki a koutou whakaturia te hāngaitanga o te pokapū: taonga CSS-tawhē taea ki tatou whakaoti maha ngā raruraru e pā ana ki te huānga tūnga i runga i te whārangi.

Tīaroaro o te mata maui matau ranei o te poraka

I te tahi taime e kore e CSS-ara e rapu tīaroaro o te pokapū, engari he mea e tika ana ki te hoatu i te rua poraka i muri, tetahi i te taha ki maui, me te tahi atu - i te tika. Hoki tenei i reira ko te taonga manu, e taea te tango i tetahi o uara e toru: mahue, tika kahore ranei. Kia mea a whai koutou e rua ngā poraka e kia whakanohoia taha i te taha. Katahi te waehere ko e whai ake:

• .TOOHEMÁ {manu: mahue;}
• tomo tonu {manu: tika}

Ki te reira te mea he toru poraka, e me kei raro i te poraka e rua tuatahi (hei tauira, hiku), na te mea e tika ana ki te rēhita āhuatanga mārama:

• .TOOHEMÁ {manu: mahue;}
• tomo tonu {manu: tika}
• hiku {mārama: e rua}

Ko te take i te poraka ki nga akomanga o mahue me tika hinga i roto o te rere katoa, e ko, te tahi atu āhuatanga katoa waiho te oraraa rawa o ngā huānga e hāngai. Āhuatanga mārama: e rua taea poraka hiku tetahi atu kitea ranei Nā i te pūtau rere, me te opani tākai (manu) i runga i rua i te maui, me te tika. Na reira, i roto i to tatou hi'oraa, ngā te hiku kei te whakararo.

tīaroaro poutū

He take te wahi e kore e nui ki te whakaturia te hāngaitanga o te pokapū o te CSS-ara, me huri ano hoki koe i te tūnga poutū o te poraka tamaiti. Ka taea te aki i tetahi raina rarangi-poraka ranei huānga ki te mata o runga o raro ranei, kei roto i te waenganui o te huānga matua ranei kia i roto i te wāhi noho. Nuinga o ngā wā e rapu tīaroaro o te pokapū o te poraka, whakamahia e te reira poutū-tiaro huanga. Tera pea i reira e rua poraka, kotahi ratou ohanga i roto i te tahi atu. I roto i tenei kōwae roto - rarangi-poraka huānga (whakaatu: rōraina-poraka). He mea tika ki te hāngai te tamaiti poraka poutū:

• tīaroaro o te rohe i runga - .child {poutū-tiaro: tihi};
• faatumuhia - .child {poutū-tiaro: waenganui};
• tīaroaro o te mata raro - .child {poutū-tiaro: raro};

I huānga poraka e kore e audio kuputuhi-tiaro, poutū-tiaro ranei te tono.

raruraru taea ki wae tiaroaro

I te tahi taime Tiwihana hāngai te pokapū o te CSS-ara e taea meinga he raruraru iti. Hei tauira, ka whakamahi i te manu: hei tauira, i reira e toru poraka: .ko, .Te me .Tolú. takoto nga poraka tuarua, me te tuatoru i roto i te tuatahi. He huānga ki te piha haapiiraa mahue-hāngai tuarua, me te poraka whakamutunga - i runga i te tika. I muri whakahāngai maturuturu iho te rua i te awa. Ki te kore te tautuhi te huānga matua teitei (hei tauira, 30em), ka mutu ai ki te totoro te tiketike o ngā waeine āpiti. Hei karo i tēnei hapa, te whakamahi i te "Atahanga" - he kōwae motuhake, e hi'o nei .Te me .Tolú. CSS-waehere:

• .Te {rewa: maui}
• .Tolú {manu: tika}
• .clearfix {teitei: 0; mārama: e rua;}

tupurangi maha whakamahia: i muri, e taea hoki ki te hoki te poraka ki wahi i hanga psevdorasporki (i roto i te tauira i roto i te Tauoti ki piha takoto roto te ipu me ngā te .TOOHEMÁ .ko me tomo tonu):

• .TOOHEMÁ {manu: maui}
• tomo tonu {manu: tika}
• .container: i muri {ihirangi: ''; whakaatu: tepu; mārama: e rua;}

Ko te kōwhiringa i runga ake - te noa tino, ahakoa i reira e te tahi mau rerekētanga. Ka taea e kitea tonu koe i te ara māmā, me tino watea ki te waihanga psevdorasporki i ngā.

Ko tētahi atu raruraru pinepine tūpono tahora - tīaroaro o ngā āhuatanga raina-poraka. I muri i ia o ratou he wāhi e tapiritia aunoa. Hapai i tauturu te reira i te taonga tawhē, tautuhia nei i te nukunga tōraro. E te tahi atu huarahi, e kua whakamahia iti pinepine, hei tauira, tautuhi anō te rahi momotuhi. I roto i tenei take, nga āhuatanga o te huānga matua rēhita momotuhi-rahi: 0. Ki te kei i roto i poraka o kuputuhi, kua hoki mai nga āhuatanga o ngā āhuatanga raina-poraka ki te rahi momotuhi hiahiatia. Hei tauira, momotuhi-rahi: 1em. E kore te mea te tikanga tonu watea, na kua whakamahia nui atu nuitia reira putanga ki tawhē waho.

Whakahāngai i Poraka e āhei ki a koutou te hanga whārangi ataahua, me te mahi: te tahora whānui, me te tahora, me te wāhi o taonga i roto i nga toa, me ngā whakaahua i runga i te pae o te iti.