Phapang Pakeng tsa "bonts'a: ha ho" le "ponahalo: e patehileng" ka CSS

Ho ka 'na ha e-ba le linako tse ling, ha u ntse u sebetsa tsoelo-pele ea maqephe a maqephe, eo u lokelang ho "pata" libaka tse itseng tsa lintho ka lebaka le leng. Ha e le hantle, u ka tlosa ntho kapa lipotso ka lipotso ho tloha ka marang-rang ea HTML , empa ho thoe'ng haeba u batla hore ba lule ka khomphuteng, empa ba se ke ba bonts'a sehlahisoa sa sebadi sa mabaka afe kapa afe ('me re tla hlahloba mabaka a etsa sena haufinyane). Ho boloka ntho ka HTML ea hau, empa e pate bakeng sa pontšo, u tla retelehela ho CSS.

Litsela tse peli tse tloaelehileng ka ho fetisisa tsa ho pata ntho e hlahang HTML li tla sebelisa matlotlo a CSS bakeng sa "bonts'a" kapa "ho bonahala". Ha u sheba ka lekhetlo la pele, thepa ena e 'meli e ka' na ea bonahala eka e etsa ntho e le 'ngoe, empa e mong le e mong o na le phapang e fapaneng eo u lokelang ho e ela hloko. A re shebeng phapang lipakeng tsa pontšo: ha ho letho le ho bonahala: e patehileng.

Ho bonahala

Ho sebelisa ponahalo ea thepa ea bohlokoa ea CSS / bohlokoa: e patetsoe ntho e tsoang ho sebapali. Leha ho le joalo, seo se patiloeng se ntse se nka sebaka sebakeng seo. Ho tšoana le uena o entseng hore sebopeho se se ke sa bonahala, empa se ntse se le teng mme se nka sebaka seo se ka beng se se sekile ha se setse se le seng.

Haeba u beha DIV leqepheng la hau mme u sebelise CSS ho e fa litekanyo ho nka 100x100 pixels, ponahalo: thepa e patehileng e tla etsa hore DIV e se ke ea bonts'oa skrineng, empa temana e latelang e tla etsa eka e ntse e le moo, 100x100 sebaka sa ho arohana.

Ka botšepehi, ponahalo ea thepa hase ntho eo re e sebelisitseng khafetsa, 'me ka sebele ha e le eona feela. Haeba re boetse re sebelisa lisebelisoa tse ling tsa CSS tse kang boemo ba ho finyella sebopeho seo re neng re se batla bakeng sa ntho e itseng, joale re ka sebelisa ponahalo ho pata ntho eo qalong, feela "ho e khutlisetsa" ho eona. Eo ke eona e ka sebelisoang ke thepa ena, empa hape, hase ntho eo re e lebisang ho eona ka makhetlo leha e le afe.

Bontša

Ho fapana le thepa ea ponahalo, e siea karolo ea mokhoa o tloaelehileng oa phallo, e bonts'a: ha ho na motho ea tlosang ntho eo ka ho feletseng ho tokomane eo. Ha e nke sebaka leha e le sefe, le hoja HTML ea sona e ntse e le molaetsa oa mohloli. Lebaka ke hore ha e le hantle, e tlosoa ho tsoa ho tokomane eo. Bakeng sa merero eohle le merero, ntho eo e felile. Sena e ka ba ntho e ntle kapa ntho e mpe, ho itšetlehile ka seo sepheo sa hau se leng sona. E ka boela ea senya leqephe la hau haeba u sebelisa hampe setša sena!

Re atisa ho sebelisa "pontšo: ha ho" ha re leka leqephe. Haeba re hloka sebaka sa "ho tloha" ka nakoana e le hore re tle re leke libaka tse ling tsa leqephe, re ka sebelisa bonts'a: ha ho le joalo ho seo. Ntho eo u lokelang ho e hopola, leha ho le joalo, ke hore element e lokela ho khutlisetsoa leqepheng le pele ho ts'ebetso ea sebaka seo. Lebaka ke hore ntho e nkiloeng ho tsoa pampiring ka mokhoa ona ha e bonoe ke li-injini kapa li-readers tsa skrine, le hoja e ka lula ka marang-rang ea HTML. Nakong e fetileng, mokhoa ona o ile oa sebelisoa e le mokhoa o motšo oa ho leka ho susumetsa maemo a ho batla lienjiniere, kahoo lintho tse sa bontšoang e ka ba letlapa le khubelu bakeng sa Google ho sheba hore na ke hobane'ng ha mokhoa ona o sebelisoa.

Tsela e le 'ngoe eo re fumanang pontšo ka eona: ha ho letho le ka sebelisoang, mme moo re e sebelisang liwebsaeteng tse phelang, tsa tlhahiso, ke ha re haha sebaka se amohelehang se ka' nang sa e-na le lisebelisoa tse fumanehang ka boholo bo bonts'eng empa e seng ba ba bang. U ka sebelisa pontšo: ha ho na motho ea ka patehang ntlha eo ebe oe khutlisetsa morao ka lipotso tsa mecha ea phatlalatso hamorao. Ena ke tšebeliso e amohelehang ea pontšo: ha ho joalo, hobane ha u leke ho pata letho bakeng sa mabaka a mabe, empa u na le tlhoko e utloahalang ea ho etsa joalo.

Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoeng ke Jeremy Girard ka la 3/3/17