Kusanganisira mazano muCSS code yako inobatsira uye yakakurudzirwa zvikuru.
Nzvimbo yepaIndaneti yega yega inoumbwa nezvikamu zvemashoko (izvo zvinorondedzerwa neHTML) uyewo maonero ekuona kana "kutarisa uye kunzwa" kwewebsite. Kushungurudza Mavara Sheetsiti (CSS) ndiyo inoshandiswa kutora maonero ekuonekwa kwewebsite. Aya maitiro anochengetwa kubva pane zvakagadzirwa ne HTML kuti zvibvumire kusununguka kwekuvandudza nekuteerera kuWeb standards.
Nekukura kwehuwandu hwemawebsite akawanda mazuva ano, mavara emashizha anogona kukurumidza kuva nguva refu uye yakaoma zvikuru kushanda nayo. Izvi zvinonyanya kuitika paunotanga kuwedzera mune zvevhidhiyo mibvunzo yekuteerera maitiro webhusaiti . Izvo zvinyorwa zvemibvunzo chete zvinogona kuwedzera huwandu hwakawanda hwemasita matsva kumagwaro eCSS uye kuita kuti zvive zvakaoma kushanda nayo. Apa ndipo apo CSS zvinyorwa zvingava rubatsiro runokosha kune webhusaiti.
Kuwedzera zvinyorwa kumafaira eCSS webhusaiti inzira yakanaka yekuwedzera maitiro kune zvikamu zvekhodi iyoyo kune muverengi wevanhu ari kuongorora rugwaro. Iyowo nzira inoshamisa yekutsanangurira iyo michina yehutambi webhutori uyo angafanirwa kushanda panzvimbo iyi mune ramangwana - kusanganisira iwe pachako!
Pakupedzisira, zvakanyatsowedzera kuwedzera CSS zvinyorwa zvichaita kuti chipepeti chive nyore kuita. Izvi, zvechokwadi, zvakakosha pamashizha emashizha ayo achagadziriswa nemapoka. Mhinduro dzinogona kushandiswa kukurukurirana zvinokosha zvezvinhu zvepepeti chidimbu kune nhengo dzakasiyana dzeboka iro ringave risingazivi nhamba yekare. Aya mazwi anogonawo kubatsira zvikuru kune avo vakashanda panzvimbo iyi vasati vadzoka zvakare mumutsetse mushure mokunge vasipo kubva iko kwechinguva. Ndave ndichida kugadzirisa webhusaiti yandakavaka mwedzi kana yemakore apfuura uye kuva nemafungiro akafanana mukati me HTML neCSS yakagamuchirwa rubatsiro! Yeuka, nokuti iwe wakagadzira nzvimbo haina kureva iwe uchayeuka sei wakaita zvinhu zvawakaita paunodzokera kunzvimbo iyo munguva yemberi! Mhinduro dzinogona kuita kuti vavariro dzako dzive pachena uye dzinojekesa kusanzwisisana kupi zvayo zvisati zvaitika.
Chinhu chimwe chete kuti unzwisise pamusoro peCSS ndechekuti havana kuratidza apo peji yacho inoshandiswa mumavhuraji ewebhu. Izvo zvinyorwa ndezvenhau chete, sekufanana neHTML mashoko (kunyange zvazvo shanduro yacho yakasiyana pakati pezviviri). Izvi zvinyorwa zveCSS hazvibatsiri kutaridzika kwekuona kwewebsite mune chero ipi zvayo uye zvinongowanikwa mumutsetse pachako.
Kuwedzera CSS Comments
Kuwedzera maonero eCSS ari nyore chaizvo. Iwe unongotsvaga bhuku rako nemashoko ekuzarura nekuvhara magwaro eti tags:
- Tanga kutaura kwako nekuwedzera / *
- Bvisai mhinduro yako nekuwedzera *
Chinhu chipi nechipi chinowanikwa pakati pematepa maviri aya chichava zviri mumashoko acho, zvinowanikwa chete mumutsetse uye zvisati zvashandurwa neshanduro.
A CSS comment inogona kuva imwechete, kana inogona kutora mitsara yakawanda. Heino mutezo mumwechete muenzaniso:
div # border_red {border: thin solid red; } / * red border muenzaniso * /Uye mutevedzeri wemuenzaniso:
/ ************************** ********************* ****** Chimiro chekodhesi * *************************** *************** /Kuparadzanisa Chikamu
Imwe yenzira dzandinowanzoshandisa CSS zvinyorwa ndezvekugadzira faira rangu rekuita mune zviduku, nyore nyore kudzivisa zvinyorwa. Ndinoda kukwanisa kuona zviri nyore zvikamu izvi apo ndinoshandisa faira gare gare. Kuti ndiite izvi, ini ndinowanzowedzera mazano nemapoka akawanda emitemo mavari kuitira kuti vawane hurukuro yakajeka iri papeji iyo iri nyore kuona sezvo ini nokukurumidza ndichipfuura nepakati nepa code. Heano muenzaniso:
/ * ----------------------- Musoro weStyles ----------------------- ------- * /Apo ini ndoona imwe yenyaya idzi mumutsetse wangu, ndinoziva kuti ndiyo kutanga kwechikamu chitsva chebhuku iroro, zvichibvumira kuti ndive nyore nyore kugadzirisa nekushandisa kemo.
& # 34; Kutaura kunze & # 34; Code
Ive tag tags inogonawo kuva yakakosha mumutambo chaiwo wekukodhidza nekugadzirisa peji. Mhinduro dzinogona kushandiswa "kubudisa pachena" kana "kuvhara" nzvimbo dzekhodi iyoyo kuti uone zvinoitika kana chikamu ichocho chisisi chikamu peji.
Saka izvi zvinoshanda sei? Zvakanaka, nokuti mabhuku ekutaura anoudza musikana wacho kusarega zvose zviri pakati pavo, unogona kuzvishandisa kuti udzivise zvimwe zvikamu zveCSS code. Izvi zvinogona kubatsira paunenge uchigadzirisa, kana paunenge uchigadzirisa paWeb page formatting.
Kuti uite izvi, iwe unongowedzera mukana wokutaura wepfungwa apo iwe unoda kuti kode yekutanga itange yakaremara uye woisa iyo iyo magumo ekupedzisira apo iwe unoda kuti chikamu chakaremara chigume. Zvose zviri pakati pemataki hazvizokanganisa kuonekwa kwepaiti, zvichikubvumira kubvisa CSS kuti uone kuti chinetso chiri kuitika. Iwe unokwanisa kupinda ipapo nekugadzirisa nyaya iyoyo chete uye kubvisa zvinyorwa kubva pamutemo.
CSS Kuratidza mazano
Sekudzokazve, heino mamwe mazano ekuyeuka kushandisa zvinyorwa muCSS yako:
- Mhinduro dzinogona kutsvaga mitsara yakawanda.
- Mhinduro dzinogona kusanganisira zvinhu zveCSS zvausingadi zvakashandurwa ne browser, asi hazvidi kubvisa zvachose. Iyi ndiyo nzira yakanaka yekugadzirisa webhusaiti yemashiripiti emashizha - ingova nechokwadi chekubvisa michina isina kushandiswa (kunze kwekuvarega ivo vachitaura) kana iwe ukasarudza iwe haufaniri ivo pawebsite
- Shandisa mhinduro pose paunonyora zvakaoma CSS kuti uwedzere kutsanangurira nekuzivisa vashandi vekuuya, kana iwe pachako, pamusoro pezvinhu zvinokosha zvavanofanira kuziva. Izvi zvichaponesa nguva yemberi yekuvandudza kune vose vanobatanidzwa.
- Mhinduro dzinogonawo kusanganisira meta yeruzivo rwakadai se:
- munyori
- zuva rakasikwa
- copyright information
Performance
Mhinduro dzinogona kunge dzichibatsira, asi ziva kuti pane zvinyorwa zvaunowedzera kune rimwe faira, iyo inofanirwa kuva iyo, iyo inoshandisa nzvimbo yekutsvaga nekukurumidza. Iko kunyanya kunetseka, asi haufaniri kunonoka kuwedzera mamwe anobatsira uye zvinyorwa zvinotyisa kuti kutya kunotambura. Mitsara yeCSS haina kuwedzera hukuru hukuru kune chikwata. Iwe unoda kuwedzera TONS yemiganhu yemashoko kuti uite zvakakosha pahukuru hwefaira reCSS. Kuwedzera zvishoma zvinyorwa zvinobatsira muCSS yako hazvifaniri kukupa mutezo usina kunaka pajiji yepamusoro.
Pakupedzisira, iwe uchada kuwana huyero pakati pemashoko anobatsira uye mazwi akawanda kuti uwane zvinyorwa zvese mumabhuku ako eCSS.
Nyaya yekutanga naJennifer Krynin. Yakarongedzwa naJeremy Girard musi wa7/5/17