CSS-kaikōwhiri, me tona tūranga i roto i te hōputu html-tuhinga

Te hanga i te paetukutuku me te whakakī i te reira ki etahi āhuatanga o te whārangi tukutuku, ka fehangahangai katoa he wā pērā i te CSS-kaikōwhiri. tavini te reira ki te whakatau atu tika nga mea timatanga katoa o html-kōnae o ratou hoahoa me te wāhi i runga i te whārangi. Ki te mahi i tenei, te hanga i tētahi CSS-te tuhinga e te paremata i roto i etahi Tīpako me o ratou kōwhiringa hōputu: tae, te rahi, te wāhi, me te tahi atu. kia mohio katoa kaihoahoa tukutuku, me te kia taea ki te tomo tika nga kōwhiringa e hiahiatia ana. E wehea ratou i te momo, te matua o nei tatou te matapaki i raro.

Momo o Tīpako i roto i te CSS

Runga anō i ki i tono te huānga te html-whakahōputu, kia pā CSS-kaikōwhiri ki tetahi o nga rōpū e whai ake nei:

• Kaikōwhiri tūtohu;
• Kaikōwhiri piha haapiiraa;
• id-kaikōwhiri;
• huanga kaikōwhiri.

kaikōwhiri tūtohu

Kei te karanga a hoki reira "Kaikōwhiri momo" "huānga" ranei, ko reira te tino māmā, me te noa. Ka rite ki tona CSS-tuhinga ko nga ingoa o nga āhuatanga o te html-kōnae, e whakaahua tatou. Hei tauira, ki te hiahia tatou ki te whakaturia te kāhua kōwae, whakapūtā tatou nga āhuatanga me ratou uara mo te huānga p {papamuri: x; tae: y; rahi: z}. I roto i tenei take, ka whai ngā kōwae katoa o te whārangi tukutuku i te taua hōputu (tae papamuri, te rahi kuputuhi, me pera i runga i. D.).

kaikōwhiri piha haapiiraa

A he aha, ki te hiahia koe ki te ui ki he rerekē i momo atu koutou kōwae katoa? Ki te mahi i tenei, i reira ko te kaikōwhiri piha haapiiraa.

CSS-tuhinga i roto i tenei take e roto i te urunga o te puka e whai ake nei: p.first {tae: x; momotuhi-rahi: y}. Ko te kupu, tautuhi tatou nga āhuatanga o "tae" me "rahi" anake hoki kōwae piha haapiiraa tuatahi.

I roto i te html-tuhinga i roto i tenei take tomo te huanga piha ki te ingoa o te kāhua tuatahi. Ka taea e Karaehe kia rite nui rite te kāhua e hiahia ana koe ki te tono mo te āhuatanga whārangi tukutuku.

id Kaitīpako

E mea pinepine i reira he he hiahia ki te tautuhi i te kāhua atu tika, hei tauira ki tetahi kotahi huānga o te whārangi, ranei ki te rapu ratou. I roto i tenei āhuatanga, mai te tokoni id-kaikōwhiri. tautapa te kōnae html he ingoa tūemi hiahiatia e tāutu reira i roto i te ētahi atu. Hei tauira, nga mea timatanga e hiahia ana tatou ki te whakaturia rerekē i ētahi atu kāhua ka waiho te taitara tuhinga.

Na i roto i te html-tuhinga vahe te H1 pūtāutu pane, taua articlename. A i roto i te-kōnae CSS, whakapūtā te kāhua, tāpiri ki te ingoa ID grille: #articlename {tae: puru; kuputuhi-tiaro: pokapū}. Na ka whai i te tae puru, me te faatumuhia to tatou kupu matua.

Ka taea te whakaahuatia ia o nga momo i runga rite "he CSS-kaikōwhiri ohie". tautuhi ratou te hōputu mo te tawhā ngā o te html-tuhinga: tahi huānga rite (hei tauira, te kōwae katoa o te tuhinga), kotahi te piha haapiiraa (hei tauira, anake te paratarafa tuatahi) ranei he tūemi motuhake (hei tauira, te taitara tuhinga).

huanga Tīpako

I tua atu ki te runga ake, i reira te mea he CSS-Tīpako huanga - tikanga atu uaua o kāhua tono. āhei te reira i ngā huānga hōputu html i runga i te huanga uara ranei tīpakohia. He maha ngā momo o tenei kaikōwhiri:

• i te aroaro o te huanga;
• i tona uara tangohia;
• i te uara huanga wāhanga;
• i runga i tona uara motuhake.

Kia whakaaro tatou ia o enei momo:

1. Ko te take tuatahi. Kei te tono whakahōputu, ki te hakari i roto i te motuhake huanga html-waehere (kia mau ai ki he p, Tauoti, pane, me ētahi atu). Ki te kore te mea te reira, whakamahi reira he whānui mo nga āhuatanga katoa o te kāhua. Hei tauira, mo nga mea timatanga he te taitara (taputapu matamata).
2. Ko te take tuarua. Ka pā te kāhua anake ki te html-āhuatanga e whai he ōritenga o te uara huanga. Hei tauira, ki te whai wāhi te nga mea timatanga, te wahi te uara o te momo huanga ōrite tuku.
3. Ko te take tuatoru. I raro i te hōputu anake e ngā tūemi i te rārangi o ngā uara e whai he tetahi kupu. Hei tauira, Paetaha huanga "piha" mō huānga Tauoti.
4. Ko te tuawha take. tautuhia Kāhua te anake mo aua āhuatanga o te html-tuhinga, nei ngā huanga he tetahi uara, a haamata ki a ia. Hei tauira, te whakamahi o te tae i whakaritea ki ngā āhuatanga katoa e te huanga reo Ingarihi (e ai kia en, en-Rus, en-au, me te t. D.).

Ko te kupu, mā te whakamahi i tetahi ranei te tahi atu, te kaikōwhiri CSS, taea pai te tohua hei whārangi tukutuku katoa, ka whakaahua i etahi o ona āhuatanga.