CSS ke eng 'me e sebelisoa hokae?

Li-Sheet Style Style ke life?

Liwebsaete li na le likarolo tse 'maloa, tse kenyelletsang litšoantšo, mongolo le litokomane tse sa tšoaneng. Litokomane tsena ha li kenyeletse feela tse ka amanang le maqephe a sa tšoaneng, joaloka lifaele tsa PDF, empa hape le litokomane tse sebelisetsoang ho haha ​​maqephe ka bobona, joalo ka litokomane tsa HTML ho khetholla moralo oa leqephe le litokomane tsa CSS (Cascading Style Sheet) ho laela ponahalo ea leqephe. Sehlooho sena se tla hlahloba CSS, se akaretsa hore na se hokae le hore na se sebelisoa joang maqepheng kajeno.

Thuto ea Histori ea CSS

CSS e qalile ho ntlafatsoa ka 1997 e le tsela bakeng sa baetsi ba inthanete ho hlalosa ponahalo ea ponahalo ea maqephe a maqephe ao ba a bōpileng. E ne e reretsoe ho lumella baetapele ba websaete hore ba fapane le libopeho tsa mobu oa marang-rang oa marang-rang, ho hong ho neng ho sa khonehe pele ho nako ena.

Ho arohana ha sebopeho le mokhoa o lumella HTML ho etsa mesebetsi e mengata eo e neng e itšetlehile ka eona pele-ho hlahisa lintho, ntle le ho tšoenyeha ka moralo le moqapi oa leqephe ka boeona, ntho e tsejoang e le "ho shebahala le ho ikutloa" ea leqephe.

CSS ha ea ka ea fumana ho tsebahala ho fihlela hoo e ka bang ka 2000, ha li-websaete tsa marang-rang li qala ho sebelisa ho feta mokhoa oa motheo le mobala oa puo ena ea markup. Kajeno, li-browsers tsa kajeno li tšehetsa litekanyetso tsohle tsa CSS, boholo ba CSS Level 2, esita le likarolo tse ngata tsa CSS Level 3. Ha CSS e ntse e tsoela pele ho iphetola 'me mekhoa e mecha e tsejoa, li-websaeteng li se li qalile ho sebelisa mekhoa e metle e tlisang ts'ehetso e ncha ea CSS ho libabelisi tseo mme e fa baetsi ba marang-rang matla a mecha a ho etsa setšoantšo ho sebetsa le bona.

Lilemong (tse ngata) tse fetileng, ho ne ho khethiloe baqapi ba websaete ba hanelang ho sebelisa CSS bakeng sa moqapi le nts'etsopele ea liwebsaete, empa mekhoa ena e tsoa ho indasteri kajeno. Hona joale CSS e sebelisoa ka mokhoa o sebelisoang haholo ho websaeteng mme u tla tlameha ho fumana mang kapa mang ea sebetsang lefapheng lena kajeno ea neng a se na bonyane kutloisiso ea motheo ea puo ena.

CSS ke Kakaretso

Joalokaha ho se ho boletsoe, lentsoe CSS le emela "Sheetting Style Sheet." A re senye poleloana ena hanyenyane ho hlalosa hantle hore na litokomane tsena li etsa eng.

Lentsoe "sheet sheet" le bolela tokomane ka boeona (joaloka HTML, CSS lifaele ha e le hantle litokomane litokomane tse ka fetotsoang ka mefuta e mengata ea mananeo). Lipampiri tsa mokhoa o 'nile oa sebelisoa bakeng sa moqapi oa litokomane ka lilemo tse ngata. Ke litlhaloso tsa theknoloji bakeng sa mohaho, ebang ke oa ho hatisa kapa oa marang-rang. Baqapi ba mechine ba sebelisitse maqephe a nako e telele bakeng sa ho netefatsa hore liqapi tsa bona li hatisitsoe ka ho toba ho tse ling. Leqephe la websaete bakeng sa leqephe la marang-rang le na le morero o tšoanang, empa ka ts'ebetso e tsoetseng pele ea ho bolella moqapi oa marang-rang kamoo a ka fanang ka tokomane eo kateng. Kajeno, maqephe a CSS a ka boela a sebelisa lipotso tsa mecha ea litaba ho fetola tsela eo leqephe le shebahalang ka lisebelisoa tse fapaneng le boholo ba lichelete . Sena ke sa bohlokoa haholo kaha se lumella lengolo le le leng la HTML ho fetoha ka tsela e sa tšoaneng ho latela sehlahisoa se sebelisoang ho se fumana.

Ho phatloha ke karolo e ikhethang ea lentsoe "cascading style sheet". Leqephe la mokhoa oa websaete le reretsoe ho phallela letoto la mekhoa ka letlapeng leo, joaloka nōka holim'a metsi. Metsi a nōkeng a otla majoe 'ohle a marung, empa ke a mang a tlase a amang hantle hantle moo metsi a tla phalla teng. Ho joalo le ka ts'ebetso ea maqephe a mokhoa oa marang-rang.

Leqephe le leng le le leng la marang-rang le ama bonyane lekhasi le le leng, esita le haeba moqapi oa websaete a sa sebelise mekhoa leha e le efe. Leqephe lena la sethala ke letlapa la mokhoa oa moemeli oa moemeli - le tsejoang e le mekhoa e sa feleng eo moqapi oa marang-rang a tla e sebelisa ho bontša leqephe haeba ho se na litaelo tse ling tse fanoeng. Ka mohlala, ka ho toba li-hyperlink li ngotsoe ka boputsoa 'me li totobetse. Mekhoa eo e tsoa sekhethong sa mokhoa o sa nepahaleng oa sebapali. Haeba moqapi oa marang-rang a fana ka litaelo tse ling, leha ho le joalo, sebapali se tla hloka ho tseba hore na ke litaelo life tse etellang pele. Liphetolelo tsohle li na le mekhoa ea tsona ea kamehla, empa tse ngata tsa lifofane tsena (tse kang lihlopha tsa litlhaku tse behiloeng ka buluu) li arolelanoa hohle kapa li-browser tse kholo le liphetolelo tse kholo.

Bakeng sa mohlala o mong oa sebapali se sa nepahaleng, sebapeng sa ka sa marang-rang, molaetsa oa ho qetela ke " Times New Roman " e bontšitsoeng ka boholo ba 16. Ho hang ha ho maqephe ao ke e etelang ho hlahisa lelapa leo la polelo le boholo, leha ho le joalo. Lebaka ke hobane mofokolisi o hlalosa hore maqephe a bobeli, a behiloeng ke baqapi ka boeona, ho hlahisa boholo ba lipale le lelapa, ho feta mekhoa ea sebapali sa ka. Lipampiri leha e le life tseo u li bōpileng bakeng sa leqephe la hau li tla ba le ho hlaka ho feta mekhoa e sa nepahaleng ea sebapali, ka hona, liphoso tsena li tla sebetsa feela haeba tekete ea hau ea sethala e sa ba phahamise. Haeba u batla hore lihlopha li be tse putsoa 'me li behiloe tlase, ha ho hlokahale hore u etse ntho leha e le efe ho tloha ha ho joalo, empa haeba fisi ea CSS ea hau e bolela hore li-link li lokela ho ba tse tala,' mala oo o tla fokotsa botala bo sa feleng. Tlhōrō e tlase e tla sala mohlala ona, kaha ha oa ka oa bolela ka hosele.

Moo CSS e sebelisitsoeng hokae?

CSS e ka boela ea sebelisoa ho hlalosa hore na maqephe a marang-rang a lokela ho shebahala joang ha a shebelloa mecha ea litaba ho feta sebapali sa marang-rang. Ka mohlala, o ka hlahisa letlapa la mokhoa oa khatiso o tla hlalosa kamoo leqephe la websaete le lokelang ho hatisoa kateng. Hobane leqephe la websaete le tšoana le li-buttons tsa ho tsamaea kapa liforomo tsa marang-rang li ke ke tsa e-ba le morero ho hatisa leqephe, Lethathamo la Print Style le ka sebelisoa ho "tima" libaka tseo ha leqephe le hatisoa. Le hoja e se tloaelo e tloaelehileng libakeng tse ngata, khetho ea ho etsa li-sheets tsa khatiso e matla ebile e khahleha (boiphihlelo ba ka - boholo ba litsebi tsa websaete ha li etse sena kahobane bolulo ba setša ha bo hloke mosebetsi ona o eketsehileng o lokelang ho etsoa ).

Ke hobane'ng ha CSS e le ea bohlokoa?

CSS ke e 'ngoe ea lisebelisoa tse matla ka ho fetisisa moqapi oa websaete a ka ithutang hobane ka eona o ka ama ponahalo eohle ea websaeteng. Litokomane tse ngotsoeng ka mokhoa o ngotsoeng hantle li ka ntlafatsoa ka potlako 'me li lumella libaka hore li fetole lintho tse behiloeng pele ho tsona skrineng, tseo ka nako e tšoanang li bonang bohlokoa le ho lebisa tlhokomelo ho baeti, ntle le liphetoho tse hlokahalang ho etsoa ka marang-rang a HTML.

Bothata bo ka sehloohong ba CSS ke hore ho na le ho hongata ho ithutang - le ka li-browser tse fetohang letsatsi le leng le le leng, se sebetsang hantle kajeno se ka 'na sa se ke sa utloahala hosasane ha mekhoa e mecha e tšehetsoa' me e meng e lahleheloa kapa e oa ka lebaka la mabaka a mang .

Hobane CSS e ka senya le ho kopanya, le ho hlahloba hore na li-browsers tse fapaneng li ka hlalosa le ho kenya ts'ebetsong litaelo ka tsela e fapaneng, CSS e ka ba thata ho feta HTML e hlakileng ho tseba. CSS e boetse e fetoha ka li-browser ka tsela eo HTML e hlileng e sa e etsang. Hang ha o qala ho sebelisa CSS, leha ho le joalo, o tla bona hore ho bokella matla a maqephe a feshene ho tla u fa liphetoho tse sa lumellaneng tabeng ea hore na u beha maqephe a maqephe joang le ho hlalosa hore na li shebahale joang. Ha u ntse u le tseleng, u tla bokella "mokotla oa maqheka" oa mekhoa le litsela tse u etselitseng nakong e fetileng le tseo u ka li khutlisetsang hape ha u ntse u haha ​​maqephe a macha a nakong e tlang.

Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoeng ke Jeremy Girard ka la 7/5/17,