I mua i CSS - taketake, hāneanea, mahi

Tupurangi-āhuatanga, me te tupurangi-akomanga CSS: i mua, i muri, whakaparo, kaha, me ētahi atu - whai wāhi whai hua ki te whakapai ake i te kounga, me te faaohie i te pae mahia, e kore tae atu waehere JavaScript-pūnanao i runga i te mārama, kahore e rapu utu i te matatini whakaaro tauhohenga, ngā āhuatanga, Kōrero me ngā mahi o te manuhiri.

Tupurangi watea, multifunctional, whai āhuatanga whiriwhiri nui, me te maha hoki hopane mana pupuri ohie, me te matatini: me pehea taketake utu whakarongo, tura'i whakamārama i te mahi e hiahiatia ana ki te kawe i te tīwhiri i roto i te wahi e tika ana.

opuaraa rahi whakatuwhera url ka tohua () i roto i te tirotiro o te tupurangi. Ko e mo'oni, oroko tenei kōwhiringa ake Horizons hou, e rua i roto i ngā o te tetahi download ki te whārangi, me te whakahohenga taea o tetahi mea ki hea

He āhuatanga motuhake o te tupurangi

Mahi tupurangi (:: i mua CSS, :: i muri) rerekē i te mea timatanga, Tīpako me tupurangi-akomanga kihai i e tīariari tuatahi i roto i te tuhinga rakau. Pea, i roto i te mahi e kore te mea te reira tino nui, engari ki te whakaaro tatou ki te pātai o te whakatakoto i te ihirangi i runga i te pae, whakawhirinaki koe te taonga ihirangi o te tahi mea e whai hua ana mo te pūkaha rapu e kore e hanga tikanga.

Mahi tupurangi :: i mua i CSS taea ki a koe te tāpiri i ihirangi ki te huānga, a :: i muri i - i muri. kia rerekē tirotiro i kuputuhi ohie ki te whakahōputu matatini i roto i ngā o ngā āhuatanga CSS, engari kahore tūtohu HTML. Ka taea te tino tūnga tupurangi i roto i te huānga, piri nei ki, no te mea he whanaunga me pūkoro te tikanga o te aroaro o me i muri. E kore e taea e koe te whakapūtā tika te tūranga, engari ano hoki nga rahi, tae, ngā, momotuhi, ka whakamahi i ētahi atu āhuatanga o te CSS.

Ka rite ki tupurangi te CSS, te i mua me muri e mua e te tohu ":", engari te paerewa CSS3 tūtohutia "::". Hei whakamātau i te whakamahi ngā i te whārangi kore e waiho atu atu i te tahi mau pūtirotiro putanga ranei e kore e noa kite i te tupurangi ngā.

Ngā General o Whakamahi

Na roto i te whakatakoto, hei tauira, Tauoti huānga whakaahua piha = 'scElement' me te ihirangi "Huānga" ki te whārangi, tohu i roto i te CSS-kāhua whakaahuatanga rau:

.scElement {
POSITION ...;
z-taupū ...;
...

}

Ka taea e koe te tono i te tupurangi ": whakaparo" tupurangi me ":: i mua" CSS:

.scElement: whakaparo :: i mua i {ihirangi: 'kuhimua'; tae ...; papamuri-tae ...;}.

Na ka whakaparo koe te atatohu kiore i mua i te kupu 'Huānga' e puta te kupu 'kuhimua', e ka huri te tae o nga reta me te papamuri.

rerekētanga Ihirangi tupurangi

Ki te kore koe e whakapūtā āhuatanga tupurangi, ka waiho i te taua rite e o te huānga matua ratou - scElement. Ka taea e koe te whakapūtā te url, a ka te taonga ihirangi: url ( '/ scBox / Rm-v / SC-rights.png') ka whakaatu te pehu te whakapakoko i runga i te huānga. I roto i te take o te te ihirangi: "\ 03B1" puta pāngarau tohu "Alfa", engari te whakamahi i te pūāhua motuhake: "& nbsp;", " & lt;", "& laquo:", "& raquo;" a kahore etahi mahi - ka ratou e whakaaturia rite he.

Whakaaetia te rota o kōwhiringa ki te whakapūtā te ihirangi o te pseudo-: noa "kuputuhi", url (), he raupapa o pūāhua hautekaumāono, tirohia ki: tuwhera-faahitiraa / tata-lea, ranei kahore-tuwhera-faahitiraa / kahore-tata-Kīanga, kia waiho etc I he tohu o te tūranga tino o te ihirangi. i roto i ngā āhuatanga kāhua, na roto i te faaohiparaa i te aroaro o, ka tuu CSS te tupurangi hea i roto i te huānga ki te hono nei i te reira.

Ka taea e koe te whakakotahi i te whakamahi tukutahi o te aroaro o me i muri. Na reira, whakatakoto te whakamahi i CSS te aroaro o pūāhua ihirangi, ka taea e te tiki e koe i te momo o ngā pānga, te whakakotahi rerekē tupurangi-akomanga, me te tupurangi-āhuatanga, maere te manuhiri, e kore whakapau i te wa taua ara te kotahi paita-waehere JavaScript.

Āhuatanga tupurangi

tangohia hoki ratou iku'anga ":" huru, me te ki te kōrero ki te tupurangi, engari pērā tupurangi CSS3 te tikanga denoted e "::". Pūtirotiro e matau i te reira, kite iku'anga e rua. e kore e pakaru i roto i te tuhi tukua, te tuhia te aho, me te tupurangi tupurangi (anake ranei) tuhia tahi:

scElement: whakaparo :: i mua i {ihirangi: 'kuhimua'; ...}

scElement: kaha: i muri {ihirangi: 'kūmuri'; ...}

He mea nui ki te mahara: CSS i mua i rere i roto o te ihirangi pae. e kore e Kāhua e pā ana ki te ihirangi o te whārangi. Mahi tupurangi - he kahore okotahi. e kore ratou e puta i roto i te rakau DOM me houhou ki te whakamahi i ratou i roto i nga wāhanga e hāngai ana o te pae - i roto i te ihirangi, e kore e whiwhi ratou.

Mā te whakamahi i te "" me "::" tautokona e tüäpapa pūkoro me pūtirotiro hou, engari tirohia te mahi i runga i ngā putanga tawhito maha e kore e hira.

Ko te ihirangi o te tupurangi-kore ngā i roto i te te ihirangi o te pae. E kore e kite te reira i te engines rapu. Me pēhea te ki te whakamahi i tenei tūkunga - tei runga i te āhuatanga motuhake, engari te taea o te whakamahi i CSS i mua, me te i muri i, takitahi i roto i te matatini ranei, ngā ina te ihirangi ko te url (). whakamahi Direct o te tupurangi ihirangi rite hononga ki te pae, ka tukua ki a ia te tikiake i te kōnae, hei tauira, he pikitia.

Te āhei ki te huri i te kōnae kāhua online (rau kāhua hūkere kōnae - kahore okotahi) e kore e pokanoa ki te puka me te whakamahi i tupurangi rite he reira watea i tetahi wa i homai, i roto i te hātepe wahi tika, i runga i ngā mahi a te manuhiri rānei.