Pouaka CSS: Spicer me te pānga

rau kāhua hūkere (CSS) mo tona tapatahi arorau katoa hanga e taea e kore anake ki te hanga i tētahi otinga hoahoa mīharo, engari whakarato hoki ngā āhuatanga o te mahi tūturu, ki pee te mahi o te waehere tūturu.

Tetahi tūtohu ataata HTML-tohu - te wāhi tapawhā o te hanganga ngā, me te ihirangi. Ko te huānga Kei roto he tohu o te taunga, te rahi, purpuru, tae, momotuhi, kāhua momotuhi, a āta ratou pera atu. Tāpare CSS-huānga rohe i whakahoki, he kei roto i ona rohe i runga i tohua konei whanui.

whakaahuatanga wetereo

huānga türanga MALA'E tohua faaau whanaunga ki te kokonga o runga ki maui o te whārangi (mahue, runga), te rahi i roto i te ahunga whakapae, me te poutū (whanui, teitei). E hanga hoahoa me te hākoritanga huānga katoa i roto i takirua "taonga: uara".

mahi Whakamārama Kei te tika i roto i te waehere whārangi ki te whakauru kāhua ranei i roto i te kōnae motuhake, tuhu ki a ia LINK tohutoro. wetereo:

#NAME {taonga: uara; taonga: uara; taonga: uara; ...}

ranei

.Whakaingoatia {taonga: uara; taonga: uara; taonga: uara; ...}

Ka taea hoki e te ingoa p, te tinana, html, tepu, TD ..., ko e te ingoa o HTML-tautohu tūtohu. Kia te hono hāngai ki te whakaahuatanga o te huānga kāhua.

I mua i hanga e koe ake toku ake kāhua tuhituhi, e kore i ahatia ki te kite i te āhua o ngā mahi i te reira i runga i ngā pae rongonui, e pupuri i te waehere whārangi, mā te pēhi i Ctrl-U ki te tiro i tika i te reira i roto i te pūtirotiro ranei.

Ko te tawhā matua

kāhua Mau kanohi anga CSS huānga (rohe-kāhua), tae (rohe-tae), whānui (-whanui rohe). katoa e taea te whakarapopototia ki roto i te taonga kotahi - rohe. Ka taea e koe te whakaahua ia rohe tāpare takitahi (rohe-tihi, te rohe-raro, rohe-mahue, rohe-matau).

anga CSS whakaahuatia e te ture whānui o ngā rau kāhua hūkere:

rohe: 3px;
rohe-tae: whero;
rohe-kāhua: rua taia iraira totoka.

E whakatakoto ana tēnei whakaahuatanga te whanui rohe o 3 pika, tae - taha whero, kāhua: taha runga o te rua, e tika ana - taia, raro mārō, mahue - wāhi.

-Whānui rohe: 1px 2px 4px 8px;
rohe-tae: puru;
rohe-kāhua: mararatia.

Here, Ko nga āhuatanga o ia taha ano raupapa i runga, tākaraka, tae - puru, me te kāhua - Ira.

rohe-tae: puru pango matomato whero;

i roto i tenei whakatakotoranga, takitahi tohua tae i ia taha. āhuatanga rohe taea ngā tawhā maha, me nga koki o te anga e taea e tetahi taha:

rohe: 1px totoka matomato;
rohe-pūtoro: 0px 4px 8px 12px;
-moz-rohe-pūtoro: 0px 4px 8px 12px;
-webkit-rohe-pūtoro: 0px 4px 8px 12px;

I pehea ki te hanga i te anga i roto i te CSS, tei reira ki runga ki te whakamahinga o te manuhiri, no te mea kei te whakamahia te nuinga o te pānga stylistic mō ngā take hangarau, i te mea e nui ana ki te whakaatu i te wāhi tangohia me te rahi o te rohe i runga i te whārangi.

Ko te matotoru o te anga, me tona whakaaro

Mā te kōwhiri i te matotoru o te anga, ka taea e koe te whakamahi i px, pi, em ..., engari kia whanau ai i roto i te ngakau, e ko te reira tonu i roto i te huānga mara. He uaua ki te amo i taua te anga he whakaaro hoahoa CSS, engari tū ko reira tino whai hua ki te whakanui i te āhuatanga o te whārangi.

Ki te kiia te piha anga matua te, e he ngaro, i te tauwhāiti reira i roto i te tupurangi-piha: whakaparo, e taea te whakakitea reira ki te manuhiri o te huānga whārangi, i te mea e te pehu kiore, pērā i miramira te tūemi tahua. I te tahi taime te mea e tika ana ki te tīpako i te tahi mea na roto i te te pāwhiri i runga i te whakapakoko, tōia te tahi mea wahi ranei. Ko reira tino watea ki te whakamahi i anga ira, a kahore ki te huri i papamuri o te huānga ona tirotiro ranei.

rapu ētahi tono te tohanga o ngā wāhi o te whārangi, tīpako tūemi hoki tukatuka atu ranei. I roto i tenei take, i te wa o te pāwhiri ki te waihanga i tētahi Tauoti ki te rohe, me te rite te roa rite kore e te manuhiri te tuku i te pātene kiore, te rahi i te reira, e whakaatu ana ngā te hua o te whiriwhiri.

waho i raro i

He rawa ngā CSS akoranga, ko rite te faufaa o te rangahau waehere whārangi o ngā pae rongonui. Heoi, me waiho te rauemi ake ahurei, me whai i te reira ona ake mata.

e kore e whakaratohia te wetereo o te anga CSS hoatu he momo taua, rite tona kaupapa ake. Spicer - he tīmatanga nui, me kahore ārai te kaiwhakawhanake ki te hanga ratou ake anga. Rawa me nga whakatutukitanga katoa o te hangarau Ipurangi me ngā āheinga o paerewa ngā i maha whakaaro whaihua e hāngai ana i runga i tōnounoú tūturu o te wetereo ngā, i te mea (i whakamāramatanga) kua tonu kua he ōkawa tino.

I roto i ngā, ki te me ki whakapumautia te hōkai o etahi huānga, te mea te reira e tika ana ki te rave i te reira whānui. Miramira tūtohu takitahi i roto i te taha, me koki o te rohe, ka taea e te tiki e koe ngā pānga mīharo. He kawenga mahi faaue, e taea te waihanga huānga whārangi hihiri, te huri i te tūranga, āhua me te ihirangi.