Sehlopha sa CSS tse ngata tsa Sehlopha sa ho Ntlafatsa Lebelo la Mojaro
Katleho ke ntlha ea bohlokoa ho website e atlehang. Websaete eo e lokela ho ba e sebetsang hantle kamoo e sebelisang litšoantšo kateng Inthaneteng . Sena se tla thusa ho etsa bonnete ba hore sebaka sena se etsa hantle bakeng sa baeti 'me se jarisoa ka potlako lisebelong tsa bona. Ka katleho e lokela ho ba karolo ea ts'ebetso ea hau eohle, ho u thusa ho boloka tsoelo-pele ea sebaka ka nako le ka tekanyetso.
Qetellong, bokhoni bo phetha karolo litabeng tsohle tsa marang-rang a marang-rang le katleho ea nako e telele, ho kenyeletsa le mekhoa e ngotsoeng maqephe a CSS a sebaka seo. Ho ba le matla a ho hlahisa lihlahisoa, lifaele tsa CSS tse hloekileng li loketse, 'me e' ngoe ea litsela tseo u ka finyellang sena ke ho arola likhetho tse ngata tsa CSS hammoho.
Khetho ea lihlopha
Ha o khetha likhetho tsa CSS , o sebelisa mekhoa e tšoanang ho likarolo tse 'maloa tse fapaneng ntle le ho pheta mekhoa ka mokhoa oa hau oa mokhoa. Ho e-na le ho ba le melao e 'meli kapa e meraro kapa e mengata kapa e mengata, e leng ntho e tšoanang (mohlala, beha' mala oa ntho e khubelu), o na le molao o le mong oa CSS o finyellang leqephe la hau.
Ho na le mabaka a mangata a etsang hore "sehlopha sena sa ba khethiloeng" se fumane leqephe. Ntho ea pele ea leqhoa, leqhepe la hau la setaele le tla ba le nyenyane mme le jaroe kapele Ha e le hantle, maqephe a mokhoa oa mokhoa oa matsoho hase karolo e 'ngoe ea liphoso tse ka sehloohong tabeng ea ho lieha ho palame libaka. Li-file tsa CSS ke lifaeletso tsa melaetsa, kahoo esita le maqephe a nako e telele a CSS a le bohlale, a boholo ba lifaele, ha a bapisoa le litšoantšo tse sa tsitsang. Leha ho le joalo, ntho e 'ngoe le e' ngoe e nyenyane e na le lintlha, 'me haeba u ka kuta mekhoa ea CSS ea hao' me u lahlele maqephe a potlakileng, kamehla ke ntho e ntle eo u lokelang ho e etsa.
Ka kakaretso, ka holimo ho tekanyo ea boima ba litebelisoa bakeng sa libaka tse ka tlas'a metsotsoana e meraro Metsotsoana e 3 ho isa ho e 7 e ka bang ka karolelano, mme metsotso e fetang 7 e lieha haholo. Linaele tse tlaase li bolela hore, ho li finyella ka sebaka sa hau sa maqephe, u lokela ho etsa sohle seo u ka se khonang! Ke ka lebaka leo u ka thusang ho boloka sebaka sa hau sa hau ka potlako ho sebelisa likhetho tsa CSS.
Kamoo U ka Sebetsang Lihlopha tsa CSS
Ho arola likhetho tsa CSS hammoho ka mokhoa oa hau oa mokhoa, u sebelisa li-commas hore u arohane le ba khethiloeng ba lihlopha tse ngata ka mokhoa ona. Mohlala o ka tlaase, mokhoa ona o ama likarolo tsa p le div:
div, p {mmala: # f00; }}Ha e le hantle, comma e bolela "le". Kahoo mokhethoa enoa o sebetsa ho likarolo tsohle tsa serapa le likarolo tsohle tsa likarolo. Haeba komma e ne e le sieo, e tla ba likarolo tsohle tsa serapa tseo e leng ngoana oa karohano. Eo ke mokhethoa o fapaneng ka ho fapaneng haholo, ka hona sehlahisoa sena se hlile se fetola moelelo oa mo khethi!
Mofuta ofe kapa ofe oa khetho o ka aroloa le mokhetsi e mong le e mong. Mohlala ona, khetho ea sehlopha e arotsoe ka khetho ea ID:
p.red, #sub {mmala: # f00; }}Kahoo mokhoa ona o sebetsa serapeng leha e le sefe le sebopeho sa sehlopha sa "bofubelu", LE Ntho efe kapa efe (kaha ha rea hlalosa hantle hore na ke mofuta ofe) o nang le tšobotsi ea ID ea "sub".
O ka kopanya palo efe kapa efe ea bakhethoa hammoho, ho kenyeletsa likhetho tse nang le mantsoe a le 'ngoe le ho qobella ba khethileng. Mohlala ona o kenyelletsa ba khethiloeng ba fapaneng ba bane:
p, .red, #sub, div a: link {mmala: # f00; }}Kahoo molao ona oa CSS o tla sebetsa ho latelang:
- Mofuta ofe kapa ofe oa serapa
- Ntho efe kapa efe e nang le sehlopha sa "bofubelu"
- Ntho efe kapa efe e nang le ID ea "sub"
- "Khokahanyo" sehlopha sa boqhetseke ba likarolo tsa anchor tseo e leng lihlopha tsa karohano.
Mokhethi oa ho qetela ke mokhetho oa lik'hamphani. O ka o bona o kopane habonolo le ba khethileng ba bang ka puso ena ea CSS. Ka molao oo, re beha 'mala oa # f00 (o bofubelu) ho bana ba 4 ba khethiloeng, e leng ho loketseng ho ngola ba khethiloeng ba arohileng ba 4 ho fihlela sephetho se le seng.
Molemo o mong oa ho arola ba khethileng ke hore, haeba u hloka ho etsa phetoho, u ka fetola puso e le 'ngoe ea CSS ho e-na le tse ngata. Sena se bolela hore mokhoa ona o u boloka boima ba leqephe le nako ea ho boloka sebaka sa hau nakong e tlang.
Mokhethoa leha e le ofe a ka kopanngoa
Joalokaha u ka bona mehlala e ka holimo, mokhetsi leha e le ofe ea nepahetseng a ka behoa sehlopheng, 'me likarolo tsohle tsa tokomane tse tšoanang le likarolo tsohle tsa sehlopha li tla ba le mokhoa o ts'oanang o thehiloeng setšeng sa mofuta ona.
Batho ba bang ba khetha ho thathamisa likarolo tse arohaneng ka mela e sa tšoaneng bakeng sa ho nepahala ha khoutu. Ponahalo ho websaeteng le lebelo la mojaro e ntse e tšoana. Ka mohlala, o ka kopanya mekhoa e arohaneng le li-commas ka thepa e le 'ngoe ea mokhoa oa mokhoa o le mong oa khoutu:
th, td, p.red, div # pelered {mmala: khubelu; }}
kapa o ka thathamisa mekhoa ho mela ka 'ngoe e hlakileng:
th,
td,
p.red,
div # qala pele
{
'mala: o khubelu;
}}
Mokhoa oo u o sebelisang ho arola likhetho tsa CSS tse ngata o potlakisa sebaka sa hau mme o nolofalletsa ho laola mekhoa ea nako e telele.
Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoe ke Jeremy Girard ka la 5/8/17.