CSS: momotuhi tae, kāhua, tauira, te rahi

Programming - te whakaata: i roto i te timatanga ko te kupu, a kore kitea hoki. Na rawa hohoro i reira ki "panoni": whakaata tuatahi, na te kupu ... I tēnei wā, hūkere whārangi kāhua - kua pai, engari he aha kia roa i haere i te reira mahara ki te kaiwhakawhanake? CSS - te reira i te wa ngohi kotahi katoa te wā o ngā hōtaka rorohiko, engari anake i roto i te tirohanga rerekē. Ahakoa ka riro nga tini e kore e hanga revolution herekore.

paetukutuku whārangi - tūtohu reira HTML-tautohu, e taea te pēnei ki te tetahi kāhua kāhua ranei pūtāutu piha haapiiraa. Ka taea e te tuatahi te tautuhi kotahi me ki whakatikaia e ki tetahi hiahiatia nui te wā, me no te tuarua ki te huānga ngā.

Ko te arorau whānui o te whakamārama o ngā kāhua

Na roto i te iho, whakanohoia te kāhua kei roto i te-kōnae CSS, engari e taea te pēnei ki te huānga ngā i roto i tona huanga kāhua. Ka taea te hanga te kāhua i roto i te akiaki o taputapu JavaScript. e kore te o te faufaa ngā rite whakaahuatia, mo te tauira, i te tikanga o te tae CSS momotuhi, tona rahi, te pane, whakamārama i raro i taua mea, me te pera i runga i. Ko Wāhi kāhua whakaahuatanga nui i roto i te horopaki o, te nuinga o e rua whakaaro: ko te muri whakaahuatia, na ko reira he matua teitei, me te mea e whakaahuatia i roto i te huānga, e te reira nui !. tuhia whakamutunga rite ko reira, mārama tautuhi te kaupapa matua.

Hoatu te kāhua ki, hei tauira, he tetahi tae momotuhi tae huringa, e taea e ki hea, me te ki tetahi mea. Ko te pātai, ko te pehea, ki te ariu ki reira i roto i te pūtirotiro i roto i te disassembly o momo katoa tahi. Kia pehea te nui i noho ia i runga i tenei PTM?

Tümanako, kia tohua kotahi anake te tae momotuhi - te reira i te aronui. A feruri i roto i ki te whakaahuatanga ohie o te tokorua, a ka tetahi atu, me tetahi atu ... o te akoranga, e taea e koe. Ko reira huatau, engari mahi.

arorau whānui TAUIRA

Rawa whakaritea noa i te tae CSS mō huānga e toru katoa, e taea ki te tiki i te iti rawa e toru raruraru roa-rere:

# Ele1, # Ele2, # Ele3 {
POSITION: pūmau;
maui: 20px;
runga: 14px;
tae: whero;
}

# Ele2, # Ele3 {
maui: 90px; // huri te CSS taunga whakapae
tae: kōwhai; // huri te tae o te CSS momotuhi
}

# Ele3 {
runga: 114px; // huri te CSS poutū taunga

tae: matomato; // huri kotahi ano te tae o te CSS momotuhi

papamuri-tae: lightgrey; // tae CSS miramira kuputuhi ke, engari e kore e he reira i roto i te # Ele1 me # Ele2 tenei; ke tūranga hoki, engari kua puta ke te reira i roto i # Ele2 me kore, pera i konei

}

Na to tatou ki te mahara e tautuhia katoa o enei āhuatanga e toru kei te wahi, a i roto i te hui o te huringa o ngā tae o te rangatira pae, ka whai i te kaiwhakawhanake ki mahara e pā ana ki te tae e kore anake, engari ano hoki e pā ana ki te ture i mahue, me te tihi, ka tae noa ki te huri i kore e wareware te tae miramira o te kuputuhi.

CSS kore e wehi ngā katoa whakaritenga: ID Kāhua - kotahi anake huānga, me te kāhua piha haapiiraa - maha tūtohu, haunga te wāhi whakamutunga taea i roto i te tūtohu rite tūāhua:

• whakaturia te tae momotuhi i roto i te CSS - piha groundColor kāhua;
• whakapūtā te rahi momotuhi - size15 piha haapiiraa;
• tūranga i whakaritea - PlaceUp piha haapiiraa.

Noatia, te whakamahi o pūwehe, tautautefito ki he taimi no ratou ki te huānga tohu taua, nga akomanga kāhua runga tekau, pania i ngā ngā o rau o huānga whārangi. Ko nga mea katoa he ona ake arorau whāinga.

Me tango te kaiwhakawhanake noa tika ki pūkete: ara ki te te tae momotuhi o HTML, CSS tuku ki te whakaahua pakeke, te ngāwari o te hanganga whānui o te whakaahuatanga - e te tona mahi.

Ko te hua e tūmanakohia ana o te whakamahi i arorau noa

E māhorahora ana ki te rota o ngā kōnae kāhua me rōrahi pūtirotiro Modern. Heoi, mahanga, i roto i ngā i roto i te CSS, tae te whārangi katoa, kia whakaaro tonu koutou o te whiwhi nui whaitake. Ehara i ture kāhua katoa "cheap" titiro i roto i te tono. urunga laconic Simple: * {tae: ma;} - tino ataahua, engari pā reira ki āhuatanga katoa o te whārangi, kaore he aweretanga.

O nga tikanga katoa, rite rawa nei te ki CSS, te nui tino:

• kāhua - piha, a ka tīmata te ingoa ki, "."
• kāhua - pūtāutu me tona ingoa tīmata ki te "#" huru;
• i roto i te tahi atu te wā - he tūtohu ingoa te tahi mea motuhake ranei

Ko te wahi e toe ana o nga whakaaro whakaahuatanga i roto i Kāhua (āhuatanga kainga īnaki, ngā kaupapa matua, tūranga, kia me te rite. D.) Kia te whakamahi mohio me tino tika.

Ko te pūtirotiro mahue tonu, e kore e hanga i roto i te whakaahuatanga, kia e kore e nga hitimahuta motuhake. Ki te kahore i te tahi mea i roto i te wahi tika whakaturia ranei e kore ko te tae momotuhi roto i CSS taea, na reira, i roto i te kāhua o te hapa.

whai wāhitanga ohorere

e kore kia tukino hoki momo rite * {maui: 124px; } ranei

ol ol, ol ul, ul ul, ol ul {tawhē-raro: 0; }
he img {rohe: 0; }

Ahakoa he uaua ki te hanga noa te kaiwhakawhanake tauhou ki te whakamahi i ngā ture CSS rite he ratou. Ngā wā katoa i roto i te whanaketanga o tetahi pae, ara wetereo CSS maitai ohie homai raruraru ohorere. Heoi, ki te tono tautooraa tika ki te whakamahi tika o te wetereo, ko te taumahinga JavaScript ko e karo i ngā whai wāhitanga hou me te ohorere i tuhia ai te hanga pūwehe mo ia huānga, ki te aroturuki i te whakamahi o te momo o momo me ngā akomanga ranei.

CSS - Ko e kore noa he kōnae kāhua hono e te ki te whārangi mā te tūtohu hono ranei whakaurua ki roto i te reira i roto i te tūtohu kāhua. Ko reira taea hoki ki te hanga i tētahi kāhua i runga i te ngaro whakarerekē ranei he tetahi tīariari.

Mā te whakamahi i CSS, e taea te mahi te tae momotuhi papatono. I tua atu i te rahi me te tūranga, tawhē. Paetukutuku - e kore te mea he whāinga ki te tono i te matauranga i roto i te CSS, HTML, PHP JavaScript pānga flash ranei.

rauemi Tukutuku - he tuatahi o te kōrero katoa whakaekea i roto i te ara tetahi. Ko te aha te pai kite CSS i roto i te akiaki i roto i te tirohanga o te āhua o te mea e taea ki te hanga i, i te whārangi ko tonu i runga i te tūmau (ehara i te mea PHP e wātea ana i te wa, ka haere mai te manuhiri pae, e kore te kaiwhakawhanake i te wa, i te whakawhanake ia te pae), te raukāhua hiahiatia he kuputuhi motuhake mō te ihirangi hāngai, ranei ki te hanga i tētahi piha kāhua pūtāutu ranei i runga i te ngaro rite te whārangi e mahi, ka titiro i te reira i te manuhiri ngā.

akiaki pateko

kia kore tatou tuhituhi tonu kitea mātanga JavaScript-waehere ki te hanga ihirangi hihiri me tona hoahoa - he ihirangi tika. I te tahi taime e mea nui ki te whakamahi i tika te whai wāhitanga e wātea ana. I roto i ngā, i te tāutu i CSS tae momotuhi ture te tīmatanga pateko, ka taea e te huna e koe i tenei ture (huna) me te sioloto rerekē (kitea).

Here, e kore e te kaikōrero rapu i te hātepe:

// ki te whakanui i te pātene tāuru i runga i te paetukutuku
scfWelcomeOver mahi () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'kitea' .;
}

// huna i te pātene tāuru i runga i te paetukutuku
mahi scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'huna' .;
}

CSS tuku ake dynamics: tickers, huānga mārama, ngā taatou paparua, ngā whakaaturanga, memenge tae. I roto i te CSS, e taea te hanga te tae momotuhi noa kia e kore te e kore tikanga stylistic kotahi whakaratohia.

whakaatu ihirangi Dynamic

Ki te mea kahore ano nga Tokāteliné, pea i reira e kia kore ahunga whakamua. Just kore he aha i reira rite ki te whawhai. kawea Kuputuhiitua ki te ao te rota o te mārika. Ko te wa ki te whakarongo ki a ratou, ka ki te tīmata te whakawhanake i ngā pae i roto i te kāhua kiko, me te mahi.

Te tīmatanga, i reira te mea he whārangi (P), etahi o koutou ihirangi (K), e whakaahuatia nga tūtohu katoa o te whārangi i roto i te whārangi kāhua (S). Ehara i te whārangi puka P hou mā PHP Perl ranei i runga i te tūmau mā te kōwhiri K i te pātengi raraunga. Ka whai ngā whārangi kāhua S aunoa. Heoi, kia puta ke ai K, a i roto i te nuinga o te wā, e uta e te huringa taua te hiahia mō ngā momo atu, e ko, S +.

Hei tauira, ka mea te kiritaki: "E whakaahua ana te pae te ora o Moscow, ka titiro pai ki te e whakapaipai nga oko rongo i roto i te kāhua o" ZaZavtrakom ", whakaahua te arepurepu i roto i te kāhua o te po" Las Vegas "me tuhinga i runga i te ahunga whakamua pūtaiao, me te hangarau i roto i te kāhua o" ModernTehno ' ". Otiia, ki te hanga matou S i runga i toru o enei kōwhiringa, kahore he kī taurangi e kore e whai te kiritaki te whakaaro ki te whai i te huinga o ngā tuhinga "News", "hararei", "Work», «CSS / HTML» bonus "HozyaykeNaZametku".

Ko tētahi atu huarahi atu mahi. Ahakoa o te kāwai o te tuhinga reira he tonu te ihirangi e taea te peita i roto i te tetahi te tae. Here i roto i tenei wahi i reira ko te tino he whakaaro tika: tiki motuhake K, tonu i runga i te tūmau ki te whakaputa i te S tika, a ka rapu utu i te pūtirotiro P, ka whiwhi ia te ihirangi tika i roto i te paranga tika.

kāhua o JavaScript Dynamics

Mōkito, ahakoa otinga rawa whai hua - ki te mahi i te styling tika i roto i te pūtirotiro o te kiritaki. Tuatahi, relieves reira te tūmau - e kore e whai ki te noho te wā i runga i te hanganga o ngā whārangi Kuputuhiitua me ngā kōnae kāhua mo reira.

Tuarua, ko te ururua tūturu o te wā i roto i te pūtirotiro ka hanga i te pānga i nohoia te whārangi e pakihi, me te kaha tautoko kōrero ki te manuhiri: ia e kore tonu e kite i te ihirangi roto i te nuinga, reira, e hiahia ana ia i te putanga kōrero ōrite, me te whakaaro.

A toru, e āhei reira te kaiwhakawhanake ki te whakarato i te huarahi manuhiri o te ihirangi i roto i tenei kāhua, i roto i te mea whakamarie ia. Reira e kore te ara taata.

Hei whakatinana i tenei whakaaro, e hiahia ana koe ki te whakatinana i te tikanga mō te hanga āhuatanga o kāhua i muri tonu i te pikaunga whārangi, me i te akoranga o tona mahi. pae Modern - te reira AJAX i roto i te puka ngā. Ehara i te mea uaua ki te kawe i roto i te hanganga o ngā kāhua tika i roto i te tukanga o te hanganga o te rakau whārangi. E mea ohie, utu, me te whai hua, no te mea ko te ihirangi me tona rēhita.

e kore tenei fepaki te hinaaro hou ki wehe te whakaaturanga o ngā raraunga i te tukatuka whakamana i runga i nga raraunga, me te mahue i roto i te whakaaturanga.

CSS hei whakauru mātātoa

Kuputuhiitua ka kawea mai he rota o pai, engari i pai whakamanatia anake te hautanga iti o te mōhiohio tūturu, i reira nga taputapu me te wheako i roto i te hanga-kounga tiketike HTML, XML, tuhinga CSS. Ehara i te raruraru ki te whakaōkawa i te pukapuka hou o ngā mōhiohio, me te huri kua hanga mua.

Ki te whakaute ki te CSS, whakahohe tenei tukanga i roto i te horopaki tino rerekē. taputapu hanga-i roto i roto i JavaScript, taea "i runga i te rere" ki te hanga i ngā huānga me ngā momo o te huānga kihai i tia'i i te taea taua, me nga kaihanga o PHP, i ngā, i whakapono ki te kia whai wāhi i roto i te hanganga o ngā whārangi HTML anake.

Rua te tuatahi, me te tuarua taea te mahi i ngā momo papatono. aronga hou tenei i roto i te mara o te hangarau mōhiohio. Kāhua tino atu mea ōkawa atu i te XML HTML ranei, he tino māmā nga ture. Ko nga wa katoa Kāhua reira i roto i te mōhiohio, noa'tu te huru o te taiao i te reira.

whai wāhi hötaka Rehita pātengi raraunga e tonu i roto i te rāngai nui ake whakamanatia, engari CSS kaupapa - he mahi tino māmā, engari te hopoia kihai i whiwhi ki te parae o tirohanga o te tukanga whanaketanga.

I runga i te pono mārika i roto i te mara o te hōtaka

Ka rite ki te huka, e kore e taea e te pono mārika whanuitanga roa furrowing mōhiohio. i wheako mua ki te aro kore anake i roto i te HTML- me CSS-paerewa, taputapu ki te mahi ki a ratou, ngā matauranga.

He mahi kuware - ki te hanga i roto i te tae momotuhi CSS - kua kitea te otinga tino. Ture, wetereo, arorau whakamarie, me he marô. Otiia rawa nui noa, no te mau i te momotuhi kore te rota o ngā tae mō te mahi, e kore te mea e tika ana, a pono mo nga take o te parau mau o te Mariko e kore e hiahia ana i te putu "kaha» HTML katoa, me te CSS, i reira mai te wa, ina haere te matauranga-a ki te tāruatia, ka whakaaturia wheako me ngā taputapu o te hanganga tūturu o momo o te ihirangi.

Pehea ka tenei kia, e kore ai e katoa mārama, engari e ko kē te tukanga i raro i ara, mārama.