Chii Chinonyanya kukosha muCSS?

! inokosha mauto ekuchinja mu cascade

Imwe yenzira dzakanakisisa dzekudzidzira kukwanganisa mawebhusayithi ndezvekutarisa magwaro emamwe magwaro. Iyi tsika ndeyekuti vakawanda vemuwebhu vanoziva sei maitiro avo, kunyanya mumazuva vasati pavapo maitiro akawanda ewebhu webhanditi , mabhuku , uye nzvimbo dzekudzidzira paIndaneti.

Kana iwe ukaedza chiito ichi uye wotarisa panzvimbo yekutsvaga mapepa emashizha (CSS), chimwe chinhu chaunogona kuona mumutsetse iwoyo mutsetse unoti! Zvakakosha.

Izvozvo zvinorevei uye, sezvakakosha, iwe unoshandisa zvakadini chiziviso ichocho mumashizha ako emafirimu?

The Cascade of CSS

Chokutanga pane zvose, zvakakosha kuti uone kuti mabhesi emashizha anotema zvechokwadi anoputika , zvichireva kuti akaiswa mune imwe nzira. Pamwechete, izvi zvinoreva kuti maitiro aya anoshandiswa muhutano ivo vanoverengwa nemusikana. Nzira yekutanga inoshandiswa uye zvakare yechipiri nezvakadaro.

Somugumisiro, kana chimiro chinowanikwa kumusoro kwepepeti yemafirimu uye zvino inoshandiswa zvakaderera pasi mudhipatimendi, chipiri chechimiro ichocho ndicho chakashandiswa muzviitiko zvakatevera, kwete yekutanga. Chaizvoizvo, kana maitiro maviri ari kutaura chinhu chimwechete (zvinoreva kuti vane chimiro chakafanana chezvakananga), iyo yekupedzisira yakanyorwa ichashandiswa.

Somuenzaniso, ngatimbofungidzira kuti maitiro aya anotevera aiva mupepeti yepepa. Iyo ndima inogona kushandurwa mumatema, kunyange zvazvo chimbo chekutanga chekushandisa chakashandiswa chikafu.

Izvi ndezvokuti kukosha "kweusiku" kwakanyorwa yechipiri. Sezvo CSS iri kuverengwa kumusoro-kusvika-pasi, chimiro chekupedzisira ndeche "dema" uye naizvozvo iyo inobata.

p {ruvara: tsvuku; }
p {ruvara: dema; }

Sei! Kukosha kunoshandura kutanga

Iye zvino zvaunonzwisisa kuti izvi zvinenge zvakafanana nemitemo zvinoshandiswa neCSS, tinogona kutarisa kuti iyo! Inokosha sei murairo inoshandura zvinhu zvishoma.

Iko! Kukosha kwakakosha kunopindira nzira iyo CSS yako inotamba nayo paunotevera mitemo iwe unonzwa kuti inonyanya kukosha uye inofanira kushandiswa. Murairo une "mazano" anokosha anoshanda nguva dzose pasinei nokuti murairo iwoyo unowanikwa mubhuku reCSS.

Kuita kuti ndima yacho igare yakatsvuka, kubva pamuenzaniso wepamusoro, iwe uchashandisa:

p {ruvara: tsvuku! inokosha; }
p {ruvara: dema; }

Iye zvino zvose zvinyorwa zvichaonekwa zvitsvuku, kunyange zvazvo "dema" kukosha yakanyorwa yechipiri. Iko! Inokosha murairo inopfurikidza nemitemo yakajairika yekudzika uye inopa iyo chimiro chakakwirira chaizvo.

Kana iwe zvachose waida ndima idzi kuti dziite sedzakatsvuka, iyi nzira yaizoita, asi izvozvo hazvirevi kuti iyi ndiyo tsika yakanaka. Ngatitei kutarisa paunenge uchida kushandisa! Zvakakosha uye kana zvisingakodzeri.

Nguva yekushandisa! Inokosha

Iko! Inokosha murairo inobatsira zvikuru apo uri kuedza nekugadzirisa webhusaiti. Kana iwe usingazivi kuti sei chimiro chisina kushandiswa uye chichifunga kuti chinogona kunge chiri chinhu chakakosha, iwe unogona kuwedzera iyo! Kuzivisa kunokosha kumutauro wako kuti uone kana ichigadzirisa.

Kana kuwedzera! Kukosha kunonyatsogadzirisa chinetso chemaitiro, iwe wakangotarisa kuti ichinhu chakashata. Zvisinei, iwe hausi kuda kusiya icho! Kukosha kwakakosha munzvimbo, yaingoiswa ipapo kuti iongorore zvinangwa.

Sezvo kuedzwa kwaitwa, iwe zvino unofanira kunge uchibvisa mirayiridzo iyoyo uye gadzirisa musarudzo wako kuti uwane zvakananga zvaunoda kuti utori hwako hushande. ! zvakakosha hazvifaniri kuisa nzira yaro kupinda munzvimbo dzako dzekugadzira, muchidimbu nekuda kwekuti zvinoshandura sei chikafu chinowanzoitika.

Kana iwe uchinge wakasendama zvikuru pamusoro pe! Chiziviso chakakosha kuti uwane maitiro ako aunoda, iwe pachakupedzisira uchava nepepeti yakagadzikana! Maitiro anokosha. Iwe uchave wakanyatsochinja nzira iyo CSS yeji iyo inoshandiswa. Icho chiyeve chinosvibisa icho hachisi chakanaka kubva pane maonero ekutungamirira kwenguva refu.

Shandisa! Zvakakosha pakuedza kana, mune dzimwe nguva, apo iwe zvachose unofanira kuvhara maitiro akakomberedzwa ayo ari chikamu chechinyorwa kana musimboti we template.

Kunyange mumatambudziko iwayo, shandisa nzira iyi zvishoma sezvinobvira uye panzvimbo ino edza kunyora mavara matsamba akachena anonzwisisa kuputika.

User Style Sheets

Ikoko pane imwe nharo yekupedzisira pane! Inokosha murairo inokosha kuti unzwisise. Iyi mirayiridzo yakaiswawo pakubatsira vashandisi vepaji webhu kubata nemashizha emashizha anoita kuti mapeji ave akaoma kuti vashandise kana kuverenga.

Kazhinji, kana munhu anotsanangura chidimbu chemafirimu kuti aone mawebhu ewebhu, iyo pepa yepeji inoputirwa newepeji yemupepeti wepepeti pepa . Kana munhu akashandura chimiro se! Zvakakosha, chimiro ichocho chinodarika peji webhutori munyori wepepeti, kunyange kana munyori akaisa mutemo se! Inokosha.

Izvi zvinobatsira kune vashandisi vanoda kuisa mafaira mune imwe nzira. Semuenzaniso, mumwe munhu angave achida kuwedzera maitiro asina kukodzera mapeji pamapeji ose emuwebhu avanoshandisa. Nokushandisa yako! Mazano anokosha zvishoma mukati memapeji aunovaka, iwe unogamuchira chero zvakakosha zvinodiwa nevashandisi vako.

Yakarongedzwa naJeremy Girard