CSS, kana Kushandura Mavara Mapepa, ndizvo zvinoshandiswa mumazuva ano webhupu yekugadzira kushandisa maonero ekuona peji. Kunyange zvazvo HTML ichiita sarudzo ye peji uye Javascript inogona kubata maitiro, kutarisa uye kunzwa kwewebsite kunzvimbo yeCSS. Kana zvasvika pamitambo iyi, iyo inowanzoshandiswa kushandiswa kunze kwemashizha mapepa, asi unogona kushandisawo CSS mafaira kune imwe chete, zvimwe zvinhu uchishandisa izvo zvinozivikanwa se "inline mafashoni."
Inline michina ndiyo CSS mitambo iyo inoshandiswa zvakananga mune peji re HTML. Izvo zvose zvinobatsira uye zvisingabatsiri nenzira iyi. Kutanga, regai titarise kuti maitiro aya akanyorwa sei.
Nzira Yokunyora Inline Style
Kuti ugadzire inline CSS style, iwe unotanga nokunyora yako chimiro chivako chakafanana nekuti iwe waizoita sei mupepeti yemutsetse, asi inofanirwa kuva yose ine mutsara. Ita zvinhu zvakasiyana-siyana semicolon sezvamunoda mupepeti.
mamiriro acho ezvinhu: #ccc; ruvara: #fff; muganhu: solid black 1px;
Isa nzvimbo iyo yemitambo mukati mehutano hwemutauro wezvinhu zvaunoda kuvezwa. Somuenzaniso, kana iwe uchida kushandisa chirevo ichi kune ndima mu HTML yako, ichocho chinogona kutarisa seizvi:
Mumuenzaniso uyu, ndima iyi inogona kuonekwa neine grey mutsvuku (ndiyo iyo #ccc ichapa), mutsara wekutsvaga (kubva mumuvara we # 000), uye ine 1-pixel yakasimba mhepo yakapoteredza kumativi ose mana emurairo .
Kubatsira kweInline Styles
Kuvonga kwekuputika kweCascading Style Sheet iri mukati mezvipfeko zvine chepamusoro-soro kana kuti zvakananga mune imwe rugwaro. Izvi zvinoreva kuti zvichazoshandiswa pasinei nezvimwe zvinotarisirwa mukati mako chemasikirwo emutauro (kunze kwechimwe chete chiri kuva chero michina inopiwa! Kukosha kunokosha kuti pepa, asi izvi hachisi chinhu chinofanira kuitika munzvimbo dzekugadzira kana rinogona kudziviswa).
Iyo michina yepamusoro inotungamirirwa nepamusoro-soro mafashoni inoshandiswa nevashandi pachavo. Kana uri kutambudzika kuwana kuchinja kwako kushanda, unogona kuedza kuisa maitiro akaiswa mukati mechikamu. Kana iwe unyanzvi huri kuratidza usingashandisi maitiro akaiswa mukati, unoziva pane chimwe chinhu chiri kuitika.
Inline michina iri nyore uye inokurumidza kuwedzera uye haufaniri kunetseka pamusoro pokunyora chakanakisisa sarudzo yeCSS sezvo uri kuwedzera mataniti zvakananga kune chinhu chaunoda kuchinja (ichocho chinonyanya kukosa muchengeti waunogona kunyora mune imwe kunze yepeji pepa ). Iwe haufaniri kuumba gwaro rose idzva (sekunge neyekunze mavara mapepa) kana shandura chinhu chitsva mumusoro webhuku rako (sekune mukati mukati ma-sheetshi sheets). Iwe unongowedzera chimiro chemaitiro chinoshanda pane inenge imwe neimwe yeHTML element. Izvi zvikonzero zvose zvinoita kuti iwe uedzwe kushandisa michina yakaiswa mukati, asi iwe unofanirwa kuzivawo zvimwe zvikanganiso zvakakosha kune nzira iyi.
Kukanganiswa kweInline Styles
Nemhaka yekutaridzika kwepakati iyo ndiyo inonyanya kutaurwa mukati maro, vanogona kutasva-tenga zvinhu zvamusina kuvariro. Vanoshorawo chimwe chezvinhu zvakasimba zvikuru zveCSS - kukwanisa kuisa majenya nemazita akawanda ewebhu kubva kune imwe central CSS file yekuita zvinyorwa zvitsva uye shanduro zvinoshandiswa zviri nyore kutarisira.
Kana iwe waifanira kungoshandisa michina yakaiswa mukati, zvinyorwa zvako zvingakurumidza kudzima uye zvakaoma kuchengeta. Izvi ndechokuti mukati memaitiro anofanirwa kushandiswa kune zvinhu zvose zvaunoda ivo. Saka kana iwe uchida kuti ndima dzako dzose dzive nemhuri yemhando "Arial", unofanirwa kuwedzera maitiro akaiswa kune imwe neimwe p
Chokwadi, iyi inhanho kumashure mu web design - kudzoka nemazuva e tag!
Chimwe chipingamupinyi chemasimiro akaderera ndechokuti hazvibviri kutora mazita-maitiro-uye makirasi navo. Semuenzaniso, nekunze mavara mapeti, unogona kutarisa yakashanyira, hover, kushingaira, uye kubatanidza ruvara rwetambo rwechikwata, asi nehuwandu hwepakati, zvose zvaunogona kutaridzika ndeyokubatanidza pachako, nokuti ndizvo izvo chirevo chechimiro chakabatanidzwa kune .
Pakupedzisira, tinokurudzira kuti tisashandise mitambo yepainline yemapeji matsamba ewebhu nokuti anokonzera matambudziko uye anoita mapeji akawanda akawanda kushanda kuchengetedza. Nguva bedzi yatinoshandisa iyo apo patinoda kutarisa chimiro nokukurumidza panguva yekufambiswa. Kana tangozviona zvakatarisa izvo zvechimwe chinhu, tinochiendesa kune chekunze chemavara.
Nyaya yeBhuku raJennifer Krynin. Yakarongedzwa naJeremy Girard.