CSS, kapa Cascading Style Sheets, ke tsona tse sebelisoang moqapong oa mekhoa ea websaete ea kajeno ho sebelisa ponahalo ea pono ho leqephe. Ha HTML e ntse e etsa sebopeho sa leqephe le Javascript e ka sebetsana le boitšoaro, ponahalo le maikutlo a websaeteng ke sebaka sa CSS. Ha ho tluoa tabeng ea mekhoa ena, hangata e sebelisoa ho sebelisa maqephe a ka ntle, empa u ka boela ua sebelisa mekhoa ea CSS ho ntho e le 'ngoe, e khethehileng ka ho sebelisa se tsejoang e le "mekhoa ea inthanete."
Mekhoa e ka hare-hare ke mekhoa ea CSS e sebelisoang ka ho toba HTML ea leqephe. Ho na le menyetla ka bobeli le melemo ho mokhoa ona. Pele, a re shebeng hantle hore na mekhoa ena e ngotsoe joang.
Kamoo U ka Ngolang Setšoantšo sa Inline
Ho theha mokhoa oa CSS o ka sehloohong, u qala ka ho ngola mokhoa oa hau oa setša sa thepa e tšoanang le kamoo u neng u tla etsa ka setepe sa mokhoa, empa e lokela ho ba mohala o le mong. Hlakola thepa e mengata ka semicolon feela joalokaha u ne u tla etsa ka lekarete.
semelo: #ccc; 'mala: #fff; moeli: o tiileng o motšo 1px;
Beha moeli oa mekhoa ka hare ho mokhoa oa mokhoa oa sebopeho seo u batlang ho se ngola. Ka mohlala, haeba u batla ho sebelisa serapa sena ho serapa ka HTML ea hau, ntlha eo e tla shebahala tjena:
Mohlala ona, serapa sena se tla hlaha ka mobu o mosoeu (ke seo #ccc e tla fana ka sona), mongolo o motšo (ho tloha molaong oa # 000), 'me o na le moeli o lekanang o le motsoako o mofubelu o le mong o pota-potileng mahlakoreng ana a mane a serapa .
Melemo ea Mekhoa ea Inline
Ka lebaka la ho phatloha ha mekhoa ea ho shebella Moqhaka oa Sebopeho se ka hare-hare ho na le sepheo se phahameng ka ho fetisisa kapa tokomane e ngotsoeng. Sena se bolela hore se tla sebelisoa ho sa tsotellehe hore na ho na le eng hape e boletsoeng ka mokhoa oa hau oa ho tsoa ka ntle (e nang le khetho e le 'ngoe feela e nang le mekhoa e fuoang! Phatlalatso ea bohlokoa e le letlapa, empa sena hase ntho e lokelang ho etsoa libakeng tsa tlhahiso haeba e ka qojoa).
Mefuta e le 'ngoe feela e nang le mekhoa e phahameng ho feta mekhoa e ka hare-hare ke mekhoa ea basebedisi e sebelisoang ke babali ka boeona. Haeba u na le bothata ba ho etsa liphetoho tsa hau ho sebetsa, u ka leka ho beha mokhoa o ka hare ho setho. Haeba mekhoa ea hau e ntse e sa bontše ho sebelisa mokhoa o ka hare, u tseba hore ho na le ho hong hape ho etsoang.
Mekhoa e ka hare-hare e bonolo 'me e potlakile ho eketsa mme ha ho hlokahale hore u khathatsehe ka ho ngola mokhetho oa CSS ea loketseng ho tloha ha u eketsa mekhoa ka ho toba ho sebopeho seo u batlang ho se fetola (ntlha eo e nkela sebaka sa khetho eo u ka e ngolang ka mokhoa ). Ha ho hlokahale hore u thehe tokomane e ncha e feletseng (joalo ka ka maqephe a tsoang ka ntle) kapa u fetole ntlha e ncha hloohong ea tokomane ea hau (joalo ka ka maqephe a ka hare). U feela eketsa mohopolo oa mokhoa oa mokhoa o nepahetseng hoo e ka bang karolo e 'ngoe le e' ngoe ea HTML. Tsena ke mabaka 'ohle a hore na u ka' na ua lekeha ho sebelisa mekhoa ea inthanete, empa hape u lokela ho hlokomela likotsi tse ling tsa bohlokoa ho mokhoa ona.
Likotsi tsa Mekhoa ea Inline
Hobane mekhoa e tobileng eo e leng eona e tobileng ka ho fetisisa, e ka fetisa lintho tseo u sa kang ua li rera. Ba boetse ba hlokomoloha e 'ngoe ea likarolo tse matla ka ho fetisisa tsa CSS - bokhoni ba ho hlahisa maoto le maqephe a mangata a maqephe a mangata ho tloha ho e' ngoe ea lifaele tsa CSS ho etsa lisebelisoa tsa morao-rao le mokhoa oa ho fetola habonolo haholo.
Haeba o ne o tlameha ho sebelisa mekhoa e ka hare feela, litokomane tsa hau li ne li tla phunyeha ka potlako 'me li thata haholo ho li boloka. Lebaka ke hore mekhoa e meholo e tlameha ho sebelisoa ho ntho e 'ngoe le e' ngoe eo ue batlang. Kahoo haeba u batla hore lirapa tsohle tsa hau li be le lelapa la litlhaku "Arial", u tlameha ho kenya mokhoa o ka hare ho letšoao le leng le le leng la
lenaneong la hau. Sena se phaella mosebetsing oa tlhokomelo bakeng sa moqapi le ho boloka nako bakeng sa 'mali ho tloha ha u hloka ho fetola sena ho pholletsa le leqephe le leng le le leng hosaete ea hau ho fetola polelo eo-lelapa. Ntle le moo, haeba u sebelisa mokhoa o fapaneng oa stylesheet, u ka khona ho o fetola sebakeng se le seng 'me u be le leqephe le leng le le leng ho amohela tlhahiso eo.
Ka 'nete, ena ke mohato o khutlisang morao ka moqapi oa websaete - khutlela matsatsing a lebokose la !
Bothata bo bong ba mekhoa e ka hare-hare ke hore ha ho khonehe ho sebelisa mokhoa oa ho qhekella-likarolo le-likarolo tse nang le tsona. Ka mohlala, ka maqephe a tsoang ka ntle , u ka fetola mobala oa ho etela, hover, o mafolofolo, le o hokahaneng oa lebokose la ankora, empa ka mokhoa o ka hare, tsohle tseo u ka li khonang ke sehlopha ka boeona, hobane seo ke sona se boleloang ke mokhoa oa mokhoa ona .
Qetellong, re khothalletsa hore u se ke ua sebelisa mekhoa ea inthanete bakeng sa maqephe a hau a marang-rang hobane a baka mathata mme a etsa hore maqephe a mangata a sebetse ho boloka. Nako feela eo re e sebelisang ke ha re batla ho hlahloba mokhoa o potlakileng nakong ea ntshetsopele. Hang ha re se re e sheba hantle bakeng sa ntlha eo e le 'ngoe, re e fetisetsa ho letlapa la rona la kantle.
Sehlooho sa 'mele sa Jennifer Krynin. E hlophisitsoeng ke Jeremy Girard.