Kusiyana pakati pe "kuratidza: hapana" uye "kuonekwa: kwakavanzwa" muCSS

Panogona kunge pane dzimwe nguva, sezvaunoshandisa pakuvandudzwa kwemapeji ewebhu, zvaunoda "kuviga" nzvimbo dzakasiyana dzezvinhu pane chimwe chikonzero kana chimwe. Iwe unogona, zvechokwadi, kungobvisa chinhu (s) mumibvunzo kubva ku HTML markup, asi zvakadini kana iwe uchida kuti varambe vari mumutsetse, asi kwete kuratidzira pane browser browser chero chikonzero (uye tichaongorora zvikonzero zve ita izvi zvishoma). Kuti uchengete chinhu mu HTML yako, asi chivanze icho kuratidza, iwe unogona kuenda kuCSS.

Nzira mbiri dzakawanda dzekuvhara chimwe chinhu chiri mukati me HTML chingave chiri kushandisa CSS zvinhu zve "kuratidza" kana "kuonekwa". Pakutanga, zvinhu izvi zviviri zvinogona kuita sezviri kuita chinhu chimwe chete, asi mumwe nomumwe ane kusiyana kwakasiyana kwaunofanira kuziva. Ngatitarise kusiyana kwekuratidzira: hapana uye kuoneka: yakavanzwa.

Kuonekwa

Kushandisa CSS pfuma / kukosha kwekuonekwa kwevhisi: yakavanzwa chivanza chinhu kubva pakushandura. zvisinei, icho chakavanzwa chinhu chinotora nzvimbo munzvimbo. Zvakafanana newe wakaita kuti chinhu chisingaonekwi, asi chichiripo munzvimbo uye chinotora nzvimbo iyo ingadai yakatora kana yakasara yoga.

Kana iwe ukaisa DIV pane yako peji uye shandisa CSS kuti upe zviyero zvekutora 100x100 pixels, kuonekwa: pfuma yakavanzwa ichaita kuti DIV isaratidze pachikwangwani, asi mashoko anotevera achaita sokuti achiripo, achiremekedza 100x100 nzvimbo.

Kutendeseka, kuonekwa pfuma hachisi chimwe chinhu chatakashandisa kakawanda, uye zvechokwadi haisi pachedu. Kana isu tiri kushandisawo zvimwe zvinhu zveCSS sekuisa panzvimbo yekuzadzikisa mararamiro atinoda pane chimwe chinhu, tinokwanisa kushandisa kuonekwa kuti tivanze chinhu ichocho pakutanga, chete kuti "tende" ichidzoke. Icho ndicho chinoshandiswa kushandiswa kwechinhu ichi, asi zvakare, hachisi chimwe chinhu chatinoshandura kune chero nguva ipi zvayo.

Ratidza

Kusiyana nekuonekwa kwepfuma, iyo inobva pane chimwe chinhu chiri muchirongwa chemavara, kuratidzira: hapana anobvisa chinhu zvacho zvachose kubva pachigwaro. Haiti kutora chero nzvimbo, kunyange zvazvo HTML yayo ichiri mukodhi yekushandisa. Izvi ndezvekuti, zvechokwadi, kubviswa kubva pakudhindwa kwemagwaro. Kune zvose zvinangwa uye zvinangwa, chinhu chacho chaenda. Izvi zvinogona kuva chinhu chakanaka kana chinhu chakaipa, zvichienderana nezvinangwa zvako. Inogonawo kukuvadza kune peji rako kana iwe ukashandisa zvakashata iyi pfuma!

Isu tinowanzoshandisa "kuratidza: hapana" patinoedza peji. Kana tichida nzvimbo ye "kuenda" kwechinguva chiduku kuitira kuti tiedze dzimwe nzvimbo dzepeji, tinogona kushandisa kuratidza: hapana kune iyo. Chinhu chaunofanira kuyeuka, zvisinei, ndechokuti chinhu ichocho chinofanira kudzorerwa zvakare ku peji isati yatanga kuiswa kwewebsite iyoyo. Izvi ndechokuti chimwe chinhu chinodzingwa kubva mukunyorwa kwemagwaro nenzira iyi hachionekwi nevanotsvaga injini kana vaverengi vemawindo, kunyange zvazvo zvingaramba zviri mu HTML markup. Munguva yakapfuura, iyi nzira yakashandiswa senzira yekasi-mutsva kuti iedze kushandiswa kutsvaga injini yekutsvaga, saka zvinhu zvisingaratidziki zvinogona kuva mutsvuku mutsvuku weGoogle kutarisa kuti nei nzira iyo iri kushandiswa.

Imwe nzira yatinowana inoratidza: hapana inobatsira, uye patinoshandisa iyo pahupenyu, mawebsite ekubudisa, ndiyo apo patinenge tichivaka nzvimbo inochengetedza iyo inogona kunge ine zvikamu zvinowanikwa pakukura kwechimwe chete asi kwete kune vamwe. Iwe unogona kushandisa kuratidza: hapana kuvanza ichocho uye ochidzorera zvakare nemibvunzo yevhidhiyo gare gare. Iko kushandiswa kunogamuchirwa kwekuratidzira: hapana, nokuti hausi kuedza kuvanza chimwe chinhu nekuda kwechikonzero chakanaka, asi kuva nechido chakakodzera kuita saizvozvo.

Nyaya yekutanga naJennifer Krynin. Yakarongedzwa naJeremy Girard musi we3/3/17