Mola le sebaka dipakeng, CSS, lintho tsa motheo

Kajeno re batla ho go lokolola CSS dikgao mola bophahamo. Tsobotsi ena e thusa ho etsa mongolo o ho ba bonolo ho e bala. Hape, ho e atisa ho a sebelisa ho fokotsa boholo lula dikahare tse leqepheng la. Haholo-holo bakeng sa novice le feela ka tlase e tswe tseleng e khutšoanyane ka histori ea taba ena e tla fuwa. Kahoo, joale, o tla ithuta mokhoa oa ho kenya CSS mola bophahamo tšoaneng.

lesedi hlokahala

CSS emela Cascading Style Sheet, eo fetolela e bolela "cascading setaele maqephe". puo ena e sebediswa bakeng sa maqephe a web a hore li ngotsoe ka puo ya matshwao (mohlala, HTML). Pele qaleha ea moralo tokomane disete CSS le a haha-ka tagged HTML, empa ba ne ba sa phutholoha haholo le likhohola le khoutu kaofela. Ho ile ka hona etsa qeto ea ho bopa puo e ncha e tla ba le boikarabelo ba ho ngodisa. Kajeno, CSS le HTML - ke bopa dikgopolo tsa e 'meli ba aroloa. Hokahanngoang cascading setaele haholo bonolo, ho sebelisa thepa le litekanyetso tsa bona, tse kang «semelo sa: khubelu». Ho abela pharalla, u feela lokela ho ngola ho ba le lebitso thepa la tag (kapa moswananosi): « 'mele {semelo sa: khubelu; } "Empa sehlopha ka boeona e beha pakeng tsa braces le. Qetellong ea mong le e moleng tlalehiloeng ka tlhaloso ya litšobotsi ho ba semicolon, ho seng joalo phoso se hlahile.

dikgao

Empa lekane ka dipolelwana selelekela'e, fumana ho fihlela khoebo. Mola le sebaka dipakeng thepa CSS ba beha sebedisa mola-ba bolelele. E ka sebelisoa ho likarolo tsohle. The thepa ka boeona e se futsitseng, e leng se bolelang hore bana ba tla kopitsa ho sekgala ho batsoali ba bona. Ka mohlala, haeba u ngola taelo e latelang: 'mele {mola-ba bolelele: 20px}, joale likarolo tsohle ka leqepheng la, le mola le sebaka dipakeng tla ho lekana le 20 dipikselse. Jwalo ka boleng ba thepa ena ka sebelisoa ka efe kapa efe tsebahalang CSS diyuniti (dintho - sr, dipikselse - px, lisenthimithara tse - ka, joalo-joalo ...). khetho e 'ngoe ke ho sebelisa melao ea boitšoaro e lekanyelitsoeng thahasello e joalo kapa multipliers. Tabeng ena, ho CSS-line sekgala tla bokelleditseng tswa elements motsoali. boleng sebaka sa mantlha kahara e nkoa e le ea keyword tloaelehileng.

Bakeng sa boitsebiso bo eketsehileng,

Kaha re bua ka dikgao ya, ho ke ke ho bua ka ka sebaka se pakeng tsa litlhaku bohlokoa. Ho bona hore tšobotsi ena e CSS behella ka thōko thepa e 'ngoe, e leng lengolo-sekgala. taelo ena ke molao-motheo oa ketso e tšoanang le mola-ba bolelele. Diyuniti makgabane e meng e tšoanang. CSS-sekgala pakeng tsa litlhaku tse ka boela ho sebediswa ho likarolo tsohle, 'me o na le tšehetso ea version kaofela puo eo. Mohlala oa thepa e: «h2 {lengolo-sekgala: 10px; } ". Haeba u abela le karohano pakeng tsa litlhaku tsa le elements 'mele, moo likarolo tsohle o tla rua tšobotsi ena (haeba boleng le e sa toba overridden).

bofello

Re lokela ho hlokomela hore ba bang ba go disofetewere ka tsela e nepahetseng beha mocheng bophahamo dikgao CSS. Mohlala, ke hore, lenaneo (ho fihlela ho tlhahiso 7,0) hampe calculates hōjana. Tabeng ena, u lokela ho nahana ka phapang karohano. New version ya phoso ena e lokisa ho feletseng seshebisi. A bothata bo tšoanang e kopana ha u sebelisa thepa e ho beha sebaka se pakeng tsa litlhaku. Mananeong a mang 'ohle taelo ea ya data e ikemiselitse ho latela help w3c (World Wide Web khonsotiamong).