Tīpako CSS. momo o Tīpako

Kei te hurihuri tonu te reo mō te whakaahua i te ahua o te tuhinga CSS. Neke atu i te wa, te whakanui ake i te kaha me te taumahinga kore anake, faarahi hoki te ngāwari me te noho pai o te whakamahi.

Tīpako CSS

timata tatou ki te matau. Whakatūwhera tetahi akoranga CSS, ka kia oti rawa i te iti rawa kia kotahi wāhanga o taua mea ki ngā momo o Tīpako. E kore te mea maere tenei rite he ratou tetahi o nga ara tino watea ki te whakahaere i ngā whārangi ihirangi. Ki te to ratou awhina, ka taea e koe te taunekeneke ki tino tetahi huānga HTML. Na i reira e 7 momo o Tīpako:

• ki tūtohu;

• hoki ngā akomanga;

• mo te ID;

• ao;

• huanga;

• ki te tauhohe ki te tupurangi-akomanga;

• ki te whakahaere i te tupurangi.

Ko ohie te wetereo. Ki te ako ki te whakamahi i Tīpako CSS, lau nui e pā ana ki a ratou. Ko tēhea kōwhiringa Ko pai mo te mana o te ihirangi roto tou take? Whakamātauria ki matau.

Tīpako tūtohu

Ko te putanga tino ohie, e kore nei e rapua e te matauranga motuhake ki te tuhituhi tenei. Hei whakahaere i ngā tūtohu, e hiahia ana koe ki te whakamahi i to ratou ingoa. Tera pea e takaia te "pōtae" tou pae i roto i te tūtohu . Hei whakahaere i te reira i roto i te CSS e hiahia ana koe ki te whakamahi i te pane {} kaikōwhiri.

Painga - noho pai o te whakamahi, rehe.

Huakore - he kore oti o te ngäwari. I roto i te tauira i runga, ka kia tīpakohia kotahi te pane tūtohu katoa. Ko te aha, ki te hiahia koe ki te whakahaere i tetahi anake?

Tīpako piha haapiiraa

Ko te kē tino noa. Hangaia ki te whakahaere i te tūtohu ki te piha haapiiraa huanga. Tera pea, i roto i to koutou waehere, i reira e toru poraka , ia o nei e hiahia ana koe ki te whakaturia te tae motuhake. Me pēhea te ki te mahi i te reira? e kore e tika ana mō ngā tūtohu Tīpako CSS Paerewa, i kotahi tohu ratou nga tawhā mō poraka katoa. Ko ohie te otinga. Tautapa melo o te piha. Hei tauira, riro tuatahi te Tauoti piha = 'whero', tuarua - te piha = 'puru', tuatoru - piha = 'matomato'. Na e taea te tīpakohia ratou te whakamahi i ngā ripanga CSS.

Ko te wetereo, ko te rite whai: He tohu i te ira ( "."), Whai e tuhi i te ingoa o te piha haapiiraa. Hei whakahaere i te kōwae tuatahi, te whakamahi i te hanga .red. Tuarua - .blue me pera i runga i.

Nui! e tūtohu ana ki te whakamahi i ngā uara e whai kiko ana o te huanga o te piha haapiiraa. Kei te whakaaro te reira i puka kino ki te whakamahi i kupu whakawhitinga (hei tauira, krasiviy-poraka) ranei ngā matapōkere o reta / tau (ojfh834871). I roto i tenei waehere, e herea koe ki te tiki raruraru, e kore e ki te whakahua i te mau fifi e ka fehangahangai hunga e whai wāhi i roto i te kaupapa i muri ia koutou. Ko te kōwhiringa pai - ki te whakamahi i tetahi tikanga, pērā i Bem.

Painga - ngāwari āhua tiketike.

Huakore - pea te āhuatanga maha tetahi me te piha haapiiraa i taua, e te tikanga e ka te whakatika ratou wā kotahi. faatiti'aifarohia te raruraru kei te whakamahi i te tikanga me te tupu o preprocessors. Kia tino ki te tiki i to koutou ringa iti, saß etahi atu Preprocessor ranei, nui ratou te faaohie i te mahi.

kaikōwhiri ID

Mō tenei putanga e rangirua coders whakaaro me hötaka. CSS вообще не рекомендуют использовать ID, поскольку при неаккуратном применении они могут вызвать проблемы с наследованием. e kore e ētahi akoranga CSS tūtohu te whakamahi o ID, no te mea i roto i te tono hē e taea meinga ratou raruraru ki tupu. Heoi, he mātātoa maha tohunga whakarite ratou puta noa i te tahora. whakatau koe. # »), затем имя блока. Ko te wetereo, ko te rite whai: te tohu pauna ( "#"), ka te ingoa o te poraka. #red. Hei tauira, #red.

отличается от класса по нескольким параметрам. Ko rerekē i te piha haapiiraa i roto i te maha o ngā huarahi ID. ID. Tuatahi, e kore e taea te whārangi e rua ID ōrite. E faataahia ratou i te ingoa ahurei. Tuarua, he kaikōwhiri taua he matua teitei. red и укажете в таблицах CSS красный цвет фона, а затем назначите ему же id blue и укажете синий цвет, блок станет синим. tikanga o tēnei e ki te whakapūtā koe he piha kōwae whero me te tautuhi i roto i tepu CSS whero te tae papamuri, a ka tautapa ki reira te taua id puru, me te tautuhi i te tae puru, ka puru tahuri te kōwae.

Painga - ka taea e koe te whakahaere i te huānga motuhake, te waiho i momo o tūtohu me ngā akomanga.

ID и class. Huakore - ngāwari ki te kia ngaro i roto i te maha nui o ID me te piha haapiiraa.

Nui! ID вам, в общем-то, не нужны. Ki te kei te whakamahi koe i Bem tikanga (ranei ona analogues), ID ki a koutou, i roto i te whānui, e kore e hiahiatia ana. Tenei tikanga tā te whakamahi o te tahora akomanga ahurei e nui atu watea.

kaikōwhiri ao

{}. Wetereo: tohu starlets ( "*") me Whītiki, arā, {*} ...

Whakamahia ki te tautapa etahi huru kotahi āhuatanga katoa o te whārangi. A, no te taea e whai hua tenei? box-sizing: border-box. Hei tauira, ki te hiahia koe ki te whakaturia te taonga whārangi pouaka-whakarahinga: rohe-pouaka. div *{}. Taea e kore anake e whakamahia ana ki te whakahaere i nga wāhanga katoa o te tuhinga, engari ano hoki ki te whakahaere i nga tamariki katoa a te poraka i whakaritea, hei tauira, Tauoti * {}.

Painga - ka taea e koe te whakahaere i te maha nui o ngā tūemi i te wa.

Cons - e kore e nui kōwhiringa ngāwari. I tua atu, i te whakamahi o tenei kaikōwhiri, i roto i ētahi wā pōturi iho te mahi whārangi.

e huanga

Hanga reira taea ki te whakahaere i te huānga ki te huanga motuhake. Hei tauira, i koe he maha o ngā tūtohu tāuru ki te momo huanga rerekē. Ko tētahi o ratou - kuputuhi, te tuarua - kupuhipa, te tuatoru - tau. O te akoranga, ka taea e koe whakaturia piha ranei ID ia, engari ehara i te mea watea tonu. Tīpako CSS o huanga hanga reira taea ki te whakapūtā uara mō etahi tūtohu ki pū mōrahi. Hei tauira, rite tenei:

tāuru [momo = 'kuputuhi'] {}

Ka tīpako tēnei kaikōwhiri huanga katoa ki te momo o te kuputuhi tāuru.

Ko te tino ngāwari te taputapu me te taea te whakamahi ki tetahi o nga tūtohu, i roto i nei i reira kia kia huanga. Otiia e kore e katoa te i! Ko te whakatakotoranga CSS kua te kaha ki te whakahaere i nga mea timatanga ki atu ara haratau!

A feruri na e to koutou whārangi kua wāhi ki te puriwāhi huanga = "Tāurutia he ingoa" me puriwāhi tāuru = "Tāurutia kupuhipa". taea hoki te tīpakohia ratou te whakamahi i te kaikōwhiri! Ki te mahi i tenei, te whakamahi i te hanganga e whai ake nei:

tāuru [puriwāhi = "E tomo te ingoa"] {} ranei tāuru [puriwāhi = "E tomo te kupuhipa"]

Pea te mahi atu hangore ki ngā huanga. Kia mea a to koutou he maha o ngā tūtohu ki huanga rite taitara (hei tauira, "o Kapiana" me "Kapiana"). Hei tīpako e rua, te whakamahi i te kōwhiringa e whai ake nei:

[Taitara * = "Kaspiysk"]

ka whiriwhiri CSS nga tūemi katoa i roto i te taitara o e reira he tohu o "Kapiana", arā. E., a "o Kapiana" me "Kapiana".

Ka taea hoki te whiriwhiri tūtohu e timata ki te tetahi pūāhua huanga:

[Taitara ^ = "pūāhua e hiahia ana koe"] {}

whakamutu ranei ratou:

[Taitara $ = "pūāhua tika"] {}.

Painga - ngäwari mōrahi. Ka taea e koe te tīpako i tetahi huānga whārangi tīariari i waho taki ki te akomanga.

Huakore - whakamahia ngā uaua, anake i roto i te wā motuhake. hiahia maha kaihoahoa tukutuku ki tikanga, mai te mea māmā atu ki te whakarite i maha nga piha wāhi taiapa tapawha me tohu "rite". I tua atu, e kore e mahi i enei Tīpako i roto i putanga Explorer Ipurangi 7 me raro. Heoi, ko wai e hiahia nei te Internet Explorer tawhito?

Tīpako tupurangi-piha

Tohu he huānga tupurangi-tūnga. Hei tauira ,: whakaparo - te mea e tupu ki te wahi o te whārangi, ka whakaparo koe ,: tae mai - te hono tae mai. Reira hoki ngā huānga pērā i: te tuatahi-tamaiti me: muri-tamaiti.

Kei te kaha whakamahia tēnei momo o te kaikōwhiri i tahora hou, no te mea e taea e whakawhetai ki a reira kia koe he whārangi "ora" i waho te whakamahi o JavaScript. Hei tauira, e hiahia ana koe ki te hanga i tino e ka whakaparo koutou i runga i te pātene ki te piha haapiiraa o btn ke te kara. Ki te mahi i tenei, te whakamahi i tatou i te hanganga e whai ake:

.btn: whakaparo {

papamuri-tae: whero;

}

Ka taea te tohua Ataahua i roto i te āhuatanga taketake o te pātene, te taonga whakawhiti, hei tauira, 0.5s - i roto i tenei take, i te pātene ka kore numinumi tonu, a i roto i te hawhe tuarua.

Viretu - Kei te whakamahia whānuitia mo te "whakaoranga" o whārangi. Easy ki te whakamahi i.

Huakore - e kore e ratou. Ko te taputapu tino pātata tenei. Heoi, ka taea e kia ngaro kaihoahoa tukutuku ngawari i roto i te nui o tupurangi-akomanga. faatiti'aifarohia te raruraru te ako me te mahi.

tupurangi-Tīpako

"Tupurangi" - ko nga wahi o te whārangi e kore e e i roto i te HTML enei, engari tonu e taea te whakahaere e ratou. kihai koe i matau? Ko te nui māmā atu i te mea te reira. Hei tauira, e hiahia ana koe ki te hanga i te pukapuka tuatahi i roto i te aho nui, me te whero, ka mahue te tahi atu kuputuhi iti me te pango. O te akoranga, e taea te faaoti i te reira e pukapuka i roto i te whanganga ki te tetahi piha haapiiraa, engari te reira roa, me te hōhā. Ko reira nui māmā ki te tīpako i te kōwae katoa, me te whakamahi i tupurangi :: tuatahi-reta. homai te reira i te rave'a no te whakahaere i te ahua o te pukapuka tuatahi.

He rawa te maha nui o tupurangi-huānga. Whakarārangi ratou i roto i te tuhinga kotahi he pea ki te angitu. Ka taea e kitea e koe i te mōhiohio e hāngai ana i roto i to koutou search engine tino.

Painga - whakarato i te ngāwari ki te whakarite i te titiro o te whārangi.

Huakore - hou ki a ratou he maha raruraru. He maha kōwhiringa o tenei momo o te mahi anake i roto i etahi pūtirotiro.

Hei whakarāpopoto

Kaitīpako - he taputapu kaha mo te mana tuhinga rere. Ngā mihi ki a ia, ka taea e koe te tīpako i nga wāhanga kotahi o te whārangi (i reira e noa wāhanga anake). Kia tino ki te ako i te kōwhiringa katoa e wātea ana, ara tuhituhi ratou ki raro ranei. Ko te tino nui tenei ki te waihanga koe whārangi matatini ki te hoahoa hou, me rota o ngā huānga pāhekoheko.