Ho kenyeletsa litlhaloso ka khoutu ea hau ea CSS ke thuso ebile e khothalletsoa haholo.
Websaeteng e 'ngoe le e' ngoe e entsoe ka likarolo tsa moralo (tse hlalositsoeng ke HTML) hammoho le mokhoa oa ho sheba kapa "ho sheba le ho ikutloa" sa sebaka seo. Li-Sheet Style Style (CSS) ke tsona tse sebelisetsoang ho laela ponahalo ea marang-rang. Mekhoa ena e lula e fapane le sebopeho sa HTML ho lumella monyetla oa ho ntlafatsa le ho khomarela litekanyetso tsa Websaete.
Le boholo ba ho rarahana ha liwebsaete tse ngata kajeno, maqephe a mokhoa o ka potlakela ho ba nako e telele haholo le e thata haholo ho sebetsa le bona. Sena ke 'nete haholo ha o qala ho eketsa litabeng tsa mecha ea litaba bakeng sa mekhoa ea websaeteng e arabelang . Lipotso tseo tsa mecha ea litaba li ka eketsa mekhoa e mecha ea mekhoa e ncha ho tokomane ea CSS mme e etsa hore e be thata ho sebetsa le eona. Mona ke moo litlhaloso tsa CSS e ka ba thuso ea bohlokoa ho websaeteng.
Ho eketsa maikutlo ho lifaele tsa CSS tsa marang-rang ke mokhoa o motle oa ho eketsa moralo ho likarolo tsa khoutu eo bakeng sa 'mali oa motho ea hlahlobang tokomane eo. Hape ke mokhoa o babatsehang oa ho hlalosa mekhoa eo bakeng sa setsebi sa websaete se ka 'nang sa tlameha ho sebetsa setšeng nakong e tlang - ho akarelletsa le uena!
Qetellong, ka bohlale o ekelitse litlhaloso tsa CSS tse tla etsa hore mokhoa oa mokhoa oa ho ngola o sebetse habonolo. Sena ke, ka sebele, sa bohlokoa bakeng sa maqephe a mokhoa o tla hlophisoa ke lihlopha. Likarabo li ka sebelisoa ho bua lintlha tsa bohlokoa tsa leqhepe la mokhoa ho litho tse sa tšoaneng tsa sehlopha se ka 'nang sa se ke sa tseba khoutu eo. Litlhaloso tsena li ka boela tsa thusa haholo batho ba sebelitseng sethaleng pele ba khutlela ho khoutu ka mor'a hore ba tlohe ho eona ka nakoana. Hangata ke tlameha ho fetola websaeteng eo ke e hahileng likhoeli kapa esita le lilemo tse fetileng le ho ba le litlhaloso tse hlophisitsoeng hantle ka HTML le CSS ke thuso e amohelehang haholo! Hopola, feela hobane o hahile sebaka sa hau ha ho bolele hore u tla hopola hore na ke hobane'ng ha u entse lintho tseo u li entseng ha u khutlela sebakeng seo nakong e tlang! Likarabo li ka etsa hore merero ea hau e hlakise le ho hlakisa ho se utloisisane leha e le efe pele ba etsahala.
Ntho e le 'ngoe ho utloisisa ka litlhahiso tsa CSS ke hore ha baa ka ba bontša ha leqephe le fetolela libukeng tsa hau tsa marang-rang. Litlhaloso tseo ke tsebo feela, joalo ka HTML litlhaloso ke (le hoja poleloana e fapane pakeng tsa tse peli). Litlhaloso tsena tsa CSS ha li amme ponahalo ea pono ea sebaka ka tsela leha e le efe 'me e mpa e le teng khoeleng ka boeona.
Ho eketsa maikutlo a CSS
Ho eketsa maikutlo a CSS ho bonolo haholo. U mpa u ngola bukana ea hao ka ho bula le ho koala litlhahiso tsa maikutlo:
- Qala maikutlo a hau ka ho eketsa / *
- Koala maikutlo a hau ka ho eketsa * /
Ntho leha e le efe e hlahang pakeng tsa matšoao ana a mabeli e tla ba lintho tse hlahang libukeng, tse bonahalang feela ka khoutu le e sa fetoleloeng ke sebapali.
Tlhaloso ea CSS e ka ba mohala o le mong, kapa o ka nka mela e mengata. Mona mohlala o le mong:
div # border_red {moeli: o mosesaane o khubelu; } / * mohlala oa moeli o mofubelu * /Le mohlala o motle:
/ ************************** ********************* ****** Tlhahiso bakeng sa mongolo o ngotsoeng **************************** ************ *************** /Ho Hlōla Likarolo
E 'ngoe ea litsela tseo ke atisang ho li sebelisa ke litlhahiso tsa CSS ke ho hlophisa pampiri ea ka ea setaele ka likhahla tse nyenyane, tse habonoloang ke li-chunks. Ke rata ho khona ho bona likarolo tsena habonolo ha ke sebelisa fono hamorao. Ho etsa sena, ke atisa ho eketsa litlhaloso le batho ba bangata ba nang le mekhoa e metle ho bona hore ba fane ka khetho e kholo, e hlakileng leqepheng leo ho leng bonolo ho bona ha ke potlakela ho phenya ka khopo. Mohlala ke ona:
/ * ----------------------- Sehlooho sa Lihlooho ----------------------- ------- * /Ha ke bona e 'ngoe ea litlhaloso tsena ka khoutu ea ka, kea tseba hore ke qalo ea karolo e ncha ea tokomane ena, e leng se lumellang hore ke sebetse habonolo le ho sebelisa khoutu.
& # 34; Ho hlahisa Out & # 34; Code
Litlhaloso tsa maikutlo li ka boela tsa sebetsa molemong oa sebele oa ho ngolisa le ho nolofatsa leqephe. Likarabo li ka sebelisoa ho "hlahisa maikutlo" kapa "tima" libaka tsa khoutu eo ho bona se etsahalang haeba karolo eo e se karolo ea leqephe.
Joale see se sebetsa joang? Hantle, hobane litlhahiso tsa maikutlo li bolella sebadi hore se hlokomolohe ntho e 'ngoe le e' ngoe pakeng tsa bona, u ka se sebelisa ho thibela ka nakoana likarolo tse ling tsa khoutu ea CSS. Sena se ka sebetsa habonolo ha ho buuoa, kapa ha u fetola mokhoa oa ho fetola leqephe la Web.
E le hore u etse sena, u ka feela u kenya lebokose la tlhaloso moo u batlang hore khoutu e qale ho ba bokooa 'me u behe lebokose leo la ho qetela moo u batlang hore karolo ea bokooa e fele. Ntho e 'ngoe le e' ngoe pakeng tsa matšoao ao e ke ke ea ama ponahalo ea pono ea setša, eu lumella ho tlosa CSS ho bona moo bothata bo ka bang teng. Joale u ka kena 'me u lokisa taba eo feela' me u tlose litlhaloso tsa khoutu.
CSS Ho hlalosa litlhahiso
Joaloka recap, mona ke lintlha tse ling tsa ho hopola bakeng sa ho sebelisa maikutlo ho CSS ea hau:
- Maikutlo a ka qeta mela e mengata.
- Likarabo li ka kenyelletsa likarolo tsa CSS tseo u sa li batleng tse fanoeng ke sebapali, empa ha u batle ho hlakola ka ho feletseng. Ena ke tsela e ntle ea ho senya maqephe a li-websaete - e-ba bonnete ba ho tlosa mekhoa e sa sebelisoang (ho fapana le ho ba tlohela ho fana ka maikutlo a hau) haeba u etsa qeto ea hore ha u ba hloke mocheng oa marang-rang
- Sebelisa maikutlo hang ha o ngola CSS e thata ho eketsa tlhaloso le ho tsebisa baetsi ba nako e tlang, kapa ka bokamoso, ka lintho tsa bohlokoa tseo ba lokelang ho li tseba. Sena se tla sireletsa nako ea ntlafatso ea nakong e tlang bakeng sa bohle ba amehang.
- Likarabo li ka boela tsa kenyelletsa tlhahisoleseding ea meta e kang:
- mongoli
- letsatsi le thehiloe
- tlhahisoleseding ea copyright
Tshebetso
Ka sebele litlhaloso li ka ba molemo, empa hlokomela hore litlhaloso tse eketsehileng tseo u li kenyelletsang lethathamong la mokhoa, e tla ba kholo, e tla ama lebelo le ts'ebetso ea mohala. Sena ke taba ea sebele, empa ha ua lokela ho tsilatsila ho eketsa litlhaloso tse thusang le tse utloahalang ka tšabo ea hore ts'ebetso e tla utloa bohloko. Mantsoe a CSS ha aa eketsa boholo bo boholo ho tokomane. O tla hloka ho eketsa TONS ea mela ea litlhaloso ho etsa hore e be le tšusumetso e kholo ka boholo ba faele ea CSS. Ho eketsa litlhaloso tse fokolang tsa bohlokoa ka CSS ea hau ha hoa lokela ho u fa tšusumetso e mpe ea letlalo ka lebelo la leqephe.
Qetellong, o tla batla ho leka-lekana pakeng tsa litlhaloso tse thusang le litlhaloso tse ngata haholo ho fumana melemo ea bobeli litokomaneng tsa CSS.
Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoe ke Jeremy Girard ka la 7/5/17