Pānga CSS: porotaka koki o ngā huānga

hangaia wetereo o Rau Kāhua Hūkere te pera noa e te taea o te whiwhi i te hoahoa tino ohorere he wātea noa tawhiti i te hōtaka, me te whanaketanga o ngā pae tangata. Mahalo te meka e tākaro tamariki ki poraka noho i roto i te mahara o te katoa, te whakamahi i te wheako maha-faceted i HTML, he ngāwari CSS.

Heoi, ko tonu te hōtaka o nāianei matara rawa atu i te whakaatu i waihanga o mooni. Mohoa noa nei, tetahi rohe (nohoia aha rite koe poraka huānga) i roto i tetahi o ona tikanga, me te whakarite ōkawa o te āhua tapawhā, i hanga nei i roto i te rārangi ānau aratau e hiahiatia ana.

Mohoa noa nei, tetahi porohita, whakaawhiwhi pūtoro, me pehea he tika kōpiko me P. na i runga i. Whakamārama i te whārite matatini pāngarau ranei poraka iti rawa, trapezoids, tapatoru ranei ētahi atu āhuatanga torotika e e wehea ki te kanohi rite te wāhi i runga i te raina.

hoahoa Torotika Tauhira

Ehara i te mea maere e te ahunga whakamua i roto i te mara o te hangarau hōtaka me te mōhiohio te whakaturengia ngā hoahoa tapawhā. kihai i whakaaro auaha ururua wa i runga i te āhua porotaka, engari e kore e wareware ki te tapaea i te tikanga o nga āhuatanga kaiwhakawhanake nui, me te HTML tūtohu ture, CSS me reo hōtaka e hāngai ana.

Tetahi huānga whakamahia i runga i te whārangi, ko te wāhi tapawhā, i roto i nei te tohaina reira e rave rahi wahi, o nei i roto i ia take kia whakamahia tika anake whakaaro whakaritenga krossbrauzernosti āhuatanga tautohu ihirangi motuhake e wātea ana waihanga syntactic.

ture General mō te CSS

Rau Kāhua Hūkere whakahere ki te whakaahua i te huānga e whai ake:

• rawa: uara.

I roto i tenei take, taonga - ingoa motuhake, me te uara ka taea e waiho rānei he ingoa he rārangi o ngā ingoa uara ranei ranei.

No nia i te huānga poraka me te hiahia ki te mahi i mā häunga CSS koki, hanga ana e ia tikanga ki te whakamahi i te taonga rohe-pūtoro me ona uara i roto i te hōputu "38px" ranei "8px 16px 24px 38px".

Ki te te uara i homai e te tau kotahi, ka kia whakaturia ai ki te hunga mo koki katoa. Record uara wha katoa he:

• tau tuatahi - ki te koki ki maui o runga;
• te tuarua - ki te tika i runga;
• te tuatoru - ki te tika o raro;
• hou - ki te maui o raro.

Te faaiteraa i etahi o nga ture

Ka taea te whakamahi tahi Concepts rohe, image me te whakamārama. Ko te noa tenei, ka whakahuatia e kore e ture pokanoa ki ia atu, hanga i te hanganga whānui. Ko te mea matua - ki te pūkete mō te meka e tohu te ingoa o ia o ratou, a pehea te tono i te reira.

I mua i te whakatinana i tenei taua huānga ranei, he mea nui ki te whakahaere i te tahi ngā me te mahi whakamātautau i runga i ngā pūtirotiro maha. Takotoranga ki te tohutohu, kupu tohutohu, tauira o tuatoru-rōpū CSS wetereo ranei, häunga koki, a na i runga i. N. He uaua pai atu i to ratou ake mahi hou.

He mea nui ki te mahino e te rohe, image, i roto i ngā o koki hoahoa - te momo taua o ariā. Ka taea te kahore aroaro Drawing i roto i te teitei-hōputu. ka hatepea e ia atu i te pūtirotiro, rite ki whakapumautia i roto i te CSS te ture. Moremore koki - kaiwhakawhanake te manaaki, ahakoa o squareness o te rauemi pūtake.

Ngā Āhuatanga HTML, CSS i pūtirotiro

Nau mai wholesale tuhi Kāhua - no te pūtirotiro katoa i kotahi. Heoi tauira matarohia i runga i te kaupapa "te CSS: häunga koki" tuku ki te tuhituhi pera:

whakamārama: # FF7F00; / * Papamuri * /

rohe: 1px #CCCCCC totoka; / * Taitapa * /

-moz-rohe-pūtoro: 10px; porotaka / * CSS koki mō te Mozilla Firefox * /

-webkit-rohe-pūtoro: 10px; / * ... mo te Safari me Chrome * /

-khtml-rohe-pūtoro: 10px; / * ... Konquerer * /

rohe-pūtoro: 10px; Häunga / * Ko te CSS koki mo katoa * / a na i runga i. N.

Heoi, i roto i te nuinga o te wā he reira nui ki te whakapūtā te ture whakamutunga. kia whakamahia hapanga anake ka reira te mea he hiahia tūturu.

tepu matarohia a faahiahia

Ahakoa tahora maha tautohetohe kaitautoko tepu (tr, TD) me te kōwhiringa o te whakamahi i ngā tūtohu Tauoti me whanganga ( «fakaofo" tahora), whāinga mahi kōwhiringa te titiro atu āhua e tika ana.

I roto i te Ngā DIV i etahi tura i roto i te tahi atu papa. Ki te kore ratou e kīnaki tahi i te tahi, a tika whakataetae, te pātai e kua hohoro mimiti i roto i te kotahi putanga e fakatahai nga āhuatanga pai o tepu me Ngā DIV.

Te nuinga o nga pae i hanga te whakamahi i te CMS (pūnaha whakahaere ihirangi), me i te tikanga o te kaiwhakawhanake mai i te whānui o "Rapa" Ngā Huingararaunga o rau o ngā kōpaki, ngā, engari ano hoki tepu e kore anake ngā.

Tūtohu [Tauoti | whanganga], rite taua, e kore e tu i roto i, engari anake te mea e tae mai rite i te mahi tohu oti o te kaiwhakawhanake - he raukāhua CSS. Na mārama wehe tetahi CMS te waehere, wahi o taua mea i te auahatanga o te kaiwhakawhanake me ratou ake momo o kāhua tapiritia, a i roto i te take o ngā rerekētanga (hei tauira, CSS - whakaawhiwhi i te koki o te tepu), koe e taea e whakahoki tonu te tautuhinga me ngā kāhua taunoa.

Ānau me koki kihai hipokina e te wetereo

tino koe e taea e noho i nga tikanga katoa o HTML, CSS, engari ki te whai i te hua, e kore e whakaratohia e ratou. Superimposing huānga ki tetahi ki tetahi, he reira taea ki te whiwhi i tetahi rohe o tetahi whirihoranga. Mā te PHP-whanaketanga i runga i te tūmau, ka taea e tonoa koe ki te pūtirotiro o te manuhiri me tetahi kōnae kāhua ki te tāpiri ki a ratou te waehere JavaScript tika i roto i te tinana o te HTML-kōnae he js-kōnae motuhake ranei.

Tetahi kē haaati, i tetahi ahua o te huānga rawa he ture CSS! Moremore koki - noa ngā, me ngā whai wāhitanga tūturu ko te nui whānui. I roto i tenei take, papatono koutou ake ahanoa, koutou e taea e kore e whakarongo ki nga āhuatanga o ngā pūtirotiro takitahi, te whakamahi i te tūtohu, me te hanganga o ngā reo Kuputuhiitua, e kua mohio a e katoa anake, kahore pūtirotiro okotahi.

Mā te whakamahi i te whakaaro o te hōtaka ahanoa-hāngai, ka taea e koe te hoahoa i te titiro o te kokonga ranei te ānau e kore e mārama te wawetia hoki e tetahi puka pūtirotiro. I roto i tenei take, e kore te mea e tika ana e ka hei te kokonga o te rohe, i te tuatahi i te āhua tapawhā tenei. He mea nui kia te wāhanga o te ānau whakaahuatia i roto i te puka o ture CSS, ngā ki te waehere ahanoa JavaScript ataata kotahi, me i te wa e tika i roto i te pūtirotiro wahi tika, whakaata ano i roto i te puka tika.

e kore e tenei hangarau pokanoa ki taua taonga ki te ite ratou i roto i te manureva whakaatu ranei hākoritanga toru-ahu.