Ke hobane'ng ha sehlahisoa se bonolo se nolofalletsa ho ngolisa litlhaku
CSS, kapa Cascading Style Sheets, ke mokhoa o amohelehang oa indasteri ea ho etsa marang-rang oa ho eketsa mekhoa e bonahalang ho setsaete. Ka CSS, o ka laola mokhoa oa maqephe, mebala, mochine oa setšoantšo, setšoantšo sa mokokotlo, le lintho tse ling tse ngata. Ha e le hantle, haeba e le mokhoa oa pono, joale CSS ke tsela ea ho tlisa mekhoa eo ho website ea hau.
Ha u ntse u eketsa mekhoa ea CSS ho tokomane, u ka hlokomela hore tokomane e qala ho nka nako e telele le e telele. Esita le sebaka se senyenyane se nang le maqephe a seng makae feela se ka qetella se e-na le faele e kholo ea CSS - le site e kholo haholo ka lotho le maqephe a mangata a dikahare tse ikhethang a ka ba le lifaele tse kholo tsa CSS. Sena se kenyelelitsoe ke libaka tse arabelang tse nang le lipotso tse ngata tsa mecha ea litaba tse kenyelletsitsoeng maqepheng a mokhoa oa ho fetola tsela eo lihlooho li shebahalang ka eona 'me leqephe le tsoa lipapaling tse fapaneng.
E, lifaele tsa CSS li ka nka nako e telele. Ena hase bothata bo boholo ha ho tluoa tabeng ea tshebetso ea site le ho jarolla lebelo, hobane esita le file e telele ea CSS e ka 'na ea e-ba e nyenyane haholo (kaha e hlile e le tokomane ea litokomane). Leha ho le joalo, ntho e 'ngoe le e' ngoe e lekanyelitsoeng ha e fihla ka lebelo la leqephe, ka hona haeba o ka etsa setšoantšo sa leqhoa la hao, ke maikutlo a matle. Mona ke moo "li-comma" li ka kenang haholo ka mokhoa oa hau oa leqephe!
Li-Commas le CSS
U ka 'na ua ipotsa hore na karolo ea comma e bapala hokae ea syntax ea CSS . Joalo ka lipolelong, komma e tlisa ho hlaka-eseng khoutu-ho ba arohaneng. Sehlahisoa se khethileng CSS se arola ba khethiloeng ba bangata ka har'a mefuta e tšoanang.
Ka mohlala, a re ke re sheba CSS e ka tlase.
th {mmala: khubelu; }}
td {mmala: khubelu; }}
p.red {mmala: khubelu; }}
div # pelered {mmala: khubelu; }}
Ka poleloana ena, u re u batla melaetsa, litemana , litemana tsa serapa le sehlopha sa bofubelu, mme div tag e nang le ID e qalile ho ba le 'mala o mofubelu oa mokhoa.
Sena ke CSS e amohelehang ka ho feletseng, empa ho na le litšitiso tse peli tsa bohlokoa ho ngola ka tsela ena:
- Nakong e tlang, haeba u etsa qeto ea ho fetola 'mala oa fonte oa lisebelisoa tsena ho le letšoao, u tlameha ho etsa phetoho eo ka makhetlo a mabeli ka mokhoa oa hau oa mokhoa.
- E phaella ka litlhaku tse ling tse eketsehileng ho leqephe la hau la mokhoa oo u sa hlokeng. Mekhoa ena e mabeli e ka 'na ea se ke ea bonahala eka e tlōla, empa haeba u ntse u tsoela pele ho etsa joalo ka mokhoa oa hau oa setaele, mela e tla eketsa le hore letlapa le tla ba leholo ho feta kamoo ho hlokahalang kateng.
E le hore u ka qoba litšitiso tsena, le ho fokotsa fono ea hau ea CSS, re tla leka ho sebelisa li-commas.
Ho sebelisa li-Commas ho khetha likhetho
Ho e-na le ho ngola likhetho tse 4 tse fapaneng tsa CSS le melao e mene, u ka kopanya mekhoa ena kaofela hore e be thepa e le 'ngoe ea melao ka ho arola ba khethiloeng ka khetho. Tsela ena e ne e tla etsoa joang:
th, td, p.red, div # pelered {mmala: khubelu; }}
Sebopeho sa sethebi se sebetsa e le lentsoe "le" ka hare ho khethi. Kahoo sena se sebetsa litsing tsa t h le litlhaloso tsa td le marang-rang le sehlopha se bofubelu LE div tag le ID e qalileng. Ke sona seo re neng re e-na le sona pele, empa ho e-na le hore re hloke melao e 4 ea CSS, re na le molao o le mong le ba khethiloeng ba bangata. Sena ke seo comma e se etsang ho khethiloeng, e re lumella ho ba le bakhethoa ba bangata ka molao o le mong.
Hase mokhoa ona feela o etsang hore ho be le lifaele tse hloekileng, lihlahisoa tse hloekileng tsa CSS, hape li etsa hore litlhoko tsa morao-rao li be bonolo. Joale haeba o ne o batla ho fetola 'mala ho tloha bofubelu ho ea bofubelu, u tlameha ho etsa phetoho sebakeng se le seng ho fapana le melao ea pele ea 4 ea mokhoa oo re nang le oona! Ak'u nahane ka chelete ena ea chelete ho feta faele eohle ea CSS 'me u ka bona kamoo sena se tla u pholosa ka nako le sebaka ka nako e telele!
Syntax Variation
Batho ba bang ba khetha ho etsa hore CSS e be e hlakileng ka ho arola mo khethi ka mong, ho e-na le ho e ngola kaofela ka mola o le mong ka holimo. Ke kamoo ho neng ho tla etsoa kateng:
th,
td,
p.red,
div # qala pele
{
'mala: o khubelu;
}}
Hlokomela hore u beha khetho ka mor'a moqapi e mong le e mong ebe u sebelisa "kena" ho roba mochankana ea latelang ho mohala oa hae. U SE KE u eketsa botumo ka mor'a khetho ea ho qetela.
Ka ho sebelisa li-commas pakeng tsa bakhethoa ba hau, u etsa leqephe la li-compact tse ngata tse bonolo ho li ntlafatsa nakong e tlang mme ho bonolo ho li bala kajeno!
Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoe ke Jeremy Girard ka la 5/8/17