CSS: hoahoa tepu. tauira o te rēhitatanga

Making tepu ki CSS - o haapiiraa ngā, me te kawenga. Huarahi ki tenei mahi Me ki mātau, ki te matauranga o nga momo taea katoa. I tua atu, he mea e tika ana ki te tango i te tikanga o te ataahua i roto i te tikanga e kore e ki te whakawehi atu ratou manuhiri auahatanga.

Ka taea e te tepu taui tata katoa. hoahoa Ataahua whai wāhi te whakamahi o rohe CSS papa hoahoa, whakamārama tepu, whakamārama pūtau, te āputa i waenganui ia ratou me te ake. A feruri i te taketake tino.

rohe ripanga

Ko tā tonu CSS hoahoa kāhua ripanga he kēmu ki te rohe (anga). e kore e takiwa anga tepu taunoa katoa. E ko, ko reira rite ki te 0 pika. Ko tenei e taea te papaki e te rohe rawa.

Ka taea e koe te whakapūtā te anga waho mo te tepu katoa:

tepu {rohe: 3px totoka mangu; }

Ngā mihi ki tenei raina i nga tepu katoa i runga i te pae e whakamahi tenei kāhua he anga pango. Kia mōhio e te rohe anake i runga i te taha, engari e kore e roto i te tepu. Hoki ngā rārangi pūtau me te anga tohua te kore.

th, TD {rohe: 3px pango totoka;}

Ko te matotoru me te tae, ka taea e koe te whakapūtā i tetahi. Kia mahara ki e kore e tuaruatia te rohe ina splicing pūtau.

Ko te kupu tohu te rēhita tonu totoka. Ka taea e koe te whakapūtā ētahi atu uara.

Kei te tino whakamahia nuitia ai anga totoka, rite titiro reira atu ātaahua, me te e kore e faanevaneva whakarongo i te ihirangi matua o te pae.

Ka taea te tohua hoki taonga rohe i runga i te poari. Ka taea e anake te rohe kia whakaturia mo te runga, raro, mahue ranei taha matau. No te mea i roto i ētahi wā ehara i te mea he kōwhiringa taea ki te anga mo te tepu katoa i kotahi.

tepu {rohe-tihi: 1px totoka whero; }

Na ka taea e koe whakaturia te tāpare mo te tihi o te tepu anake. Waihoki ki tetahi atu rōpū, hei utu o runga noa Tuhituhi: tika, mahue raro ranei.

pane ripanga

Ka taea te tohua pane Ripanga te whakamahi i te tūtohu . Ka taea e tēnei tūtohu kia i roto i te CSS ki te rēhita i te rota o ngā āhuatanga mō te pai-tuning. He pai te hoahoa tepu CSS no te mea e taea ki te parepare i te mea timatanga te ara e hiahia ana koe.

whakaaturia ana tēnei taitara kei te i roto i te ara ano e rite ana te paerewa i roto i ngā pukapuka (pērā i "Ripanga 1").

Ka taea e koe te whakapūtā te wāhi o te taitara, me te taonga tapanga-taha (runga raro ranei). Whakahāngai i te maui matau ranei tautuhia e te taonga kuputuhi-tiaro.

tepu papamuri

Whakamārama o te tepu e taea e tetahi te tae tauira ranei. E whakatakotoria ana tae te taonga papamuri-tae. Ko te ingoa o te āhuatanga tino hāngai ana ki ngā whakamahinga i roto i te kupu. Whakahaere pupuri reira maha nga wa.

Ka taea te tohua e te tae rite te ingoa, me whakawaeheretanga rerekē. I tua atu, ka taea e koe te whakapūtā te whai ake:

• Mārama - Puata.
• Riro - Ko te rite i o te huānga matua tae.
• Tuatahi - taunoa.

Ka taea te whakamahi Kōwhiringa ki te mārama i roto i te hunga wā i reira e hanga nga tepu katoa i roto i te kuputuhi i roto i te kōnae CSS i roto i tetahi tae, engari i roto i tenei take kahore he hiahia.

I tua atu, kia waiho te papamuri he whakapakoko. Ki te mahi i tenei, i roto i te kāhua i whakaritea taonga papamuri-image. Ko te ara, ko te rite tenei:

url ( 'URL')

Ko te ara ki te kōnae kia rānei whanaunga tino ranei.

Ka taea te mahi makona More uaua ki te rōnaki:

• rārangi-rōnaki ();
• toropā-rōnaki ();
• tukurua-rārangi-rōnaki () me tukurua-toropā-rōnaki () - rōnaki toutou.

pūtau papamuri

I roto i te tua ki te papamuri i whānui, ka taea e koe te whakapūtā te papamuri whakahekeheke i roto i tīwae rarangi ranei. Hoki te rēhitatanga o te taonga e whakamahia ana te tino maha, no te mea ki te wehenga ataata o te rārangi māmā te pānui i ngā mōhiohio.

I tua atu ki te whakarerekētanga, ka taea e koe te whakapūtā te maha o te tīwae ngā rarangi ranei. Hei tauira rite tenei:

• tr: nth-tamaiti (ara) {...} - whakapūtā rīrapa;
• tr: nth-tamaiti (1) {...} - tohu o nga āhuatanga o te rarangi ngā;
• TD: nth-tamaiti (ara) {...} - he tohu o tauutuutu tīwae;
• TD: nth-tamaiti (1) {...} - he tohu o te āhuatanga o te tīwae ngā.

Haunga taea te tohua raupapa me tau - ko te tuatahi (TD: tuatahi-tamaiti) ranei o muri (TD: whakamutunga-tamaiti).

Ko te āputa i waenganui i te pūtau

I roto i te CSS, taea hoahoa tepu ki a koutou te tango i te mokowā i waenganui i ngā pūtau. Na roto i te taunoa ko ratou. Hei tauira, ki te whakaturia koe te anga i roto i te tepu ki waho te whakatakoto i te tawhiti i waenganui i te rohe, ka waiho i te reira konei tenei hua.

Whakaae, e kore titiro reira tino pai, me te kore he reira watea ki te pānui i. ka whai Kaiwhakamahi pōkare i roto i te kanohi, no te o tenei. Tangohia enei āputa taea e na roto i te tuhituhi i roto i te kāhua i te ripanga tika he aho taua:

rohe-tiango: tiango

Ko reira tupu hoki e te tawhiti, i runga i te anga ke, kia nui haere. Ano, Ka taea te tohua te rahi o te āputa rite i waenganui i tīwae me i waenganui i nga rārangi. Hei tohu e te uara (hei utu hinga):

rohe-tiango: motuhake

Engari ka tohu taua mahi e te mea e tika ana ki te wehe i te pūtau. Ka rite ki te mea wahi ratou, tohua taonga atu:

rohe-mokowā: 20px.

Ki te hiahia koe ki te tautuhi i te tawhiti rerekē i waenganui i nga rarangi, me tīwae, tohu reira e rua nga mea:

rohe-mokowā: 10px20px.

Ko te rerekētanga i roto i te pūtirotiro

Kia mahara ki e i roto i te CSS kia titiro rerekē tepu hoahoa, i runga i te pūtirotiro rānei. Rawa kino ko te take ki te putanga tawhito, e kore te innovations i roto i te CSS tautokona.

Ko te runga ake ko te tauira o thicknesses anga ki uara mamati.

Hoki tenei tauira, te matotoru o te papa mo te taimau.

hoki rerekē nui kāhua rohe.

Na reira, e kite tonu te whanaketanga te hua i roto i ngā pūtirotiro rerekē.

I roto i te CSS tūtohutia tepu hoahoa ki tirohia te momo o te pūtirotiro. Ngā ki te raruraru nui e whakamahia kia ki ngā kaiwhakamahi ki ngā putanga tawhito o Internet Explorer.

ngā Tino matatau taea, i runga i te pūtirotiro rānei ki te hono i ngā kōnae CSS tino rerekē. Na hanga te tangata he haki i roto i ia ranei etahi kāhua ngā (piha haapiiraa).

ara ake te nuinga raruraru i te atarangi.

CSS: Hōputu Ripanga tauira

Ka taea te rerekē rawa rēhitatanga. Te reira i katoa tei runga i te pae katoa, me tona hoahoa. kia katoa kia ngā me tae ngira. Hoki hanga ana e ia he tūranga me te hā nui kaiwhakawhanake. He rerekē katoa Sense o ataahua.

hoatu matou te tahi mau hi'oraa o te ngā tepu. E whakaatu ana i runga i te ahua te whakamahi o te honga me te tākaro ki te tae papamuri me rohe.

He tokomaha e hei tauira ngā o te hoahoa tau ataahua e kore e e tapahia i te kaiwhakamahi kanohi. he tika i roto i tata tetahi āhuatanga tēnei whakatinanatanga.

Ka taea te hanga porotaka nga taha. titiro reira tino pai.

mutunga

Ka rite ki a koutou e taea te kite, mo te ahua o te papa i roto i te CSS reira e maha taputapu. Ko hoki ia tawhā he nui nui o kōwhiringa uara. Ki te whakamahi koe i te reira katoa i kotahi, ka taea e koe te hanga i masterpieces. Rawa, ki te meatia e koutou hoahoa urutau mō pūtirotiro katoa.

Ko te mea matua i roto i te hoahoa - e kore e overdo te reira ki te pānga. kia meatia nga mea katoa i roto i te whakaōrite. I te tuatahi, i rite ki te tahora ki te whakamātau me te whakamahi i ō rātou mōhiotanga katoa tonu. Ka rite ki te hua o te tepu, he āhuatanga oversaturated. Whakamātauria ki te karo i ēnei hapa.

Ano, kia pokanoa te tahi mau tawhā ki ia atu. Hei tauira, i reira he kahore he take ki te tautuhi i te tae papamuri o te tepu, i te mea i reira te whakatakotoria tonu papamuri whakapakoko, e ka īnaki te tae i tohua.