Mokhoa oa ho thibela Websaete ea ho tlosa ho hatisoa ka CSS

Maqephe a Websaete a reretsoe hore a shebane le skrine . Ha ho ntse ho e-na le lisebelisoa tse fapa-fapaneng tse ka sebelisoang ho sheba setša (li-desktops, li-laptops, matlapa a lifensetere, li-fono, liphahlo, li-TV, joalo-joalo), kaofela ha tsona li kenyelletsa skrine ea mofuta o itseng. Ho na le tsela e 'ngoe eo motho a ka bonang websaete ea hau ka eona, tsela e sa keneng skrineng. Re bua ka khatiso ea tlhaho e tsoang maqepheng a hau a marang-rang.

Lilemong tse fetileng, u tla fumana hore batho ba hatisang mawebsaete ba ne ba le boemo bo tloaelehileng haholo. Re hopola ho kopana le bareki ba bangata ba neng ba le bacha ho websaete mme ba ikutloa ba phutholohile ho hlahloba maqephe a hatisitsoeng a sebaka. Eaba ba re fa maikutlo le ho fetola likaroloana tsa pampiri ho e-na le ho shebella skrine ho buisana le marang-rang. Ha batho ba ntse ba phutholoha haholoanyane ka lipapali bophelong ba bona, 'me ha lichelete tsena li atile ka makhetlo a mangata, re bone batho ba fokolang le ba seng bakae ba leka ho hatisa maqephe a maqephe ho pampiri, empa e ntse e etsahala. U ka 'na ua batla ho nahana ka ts'ebetso ena ha u rera sebaka sa hau sa marang-rang. O batla hore batho ba hatise maqephe a hau a marang-rang? Mohlomong ha u joalo. Haeba ho joalo, o na le mekhoa e meng.

Mokhoa oa ho thibela Websaete ea ho tlosa ho hatisoa ka CSS

Ho bonolo ho sebelisa CSS ho thibela batho ho hatisa maqephe a hau a marang-rang. U hloka feela hore u thehe linepe ea line e le 'ngoe e bitsoang "print.css" e kenyelletsang le latelang la CSS.

'mele {pontšo: ha ho letho; }}

Tsela ena e tla fetola karolo ea "'mele" maqepheng a hau hore e se ke ea bontšoa - mme kaha ntho e' ngoe le e 'ngoe e maqepheng a hau ke ngoana oa setho sa' mele, sena se bolela hore leqephe lohle / sebaka se ke ke sa bontšoa.

Hang ha o na le "style.css" ea stylesheet ea hau, u ka e kenya ka HTML ea hau e le mokhoa oa ho hatisa. Mona ke tsela eo u ka e etsang ka eona - feela kenya mola o latelang sehlopheng sa "hlooho" maqepheng a hau a HTML.

Karolo ea bohlokoa ea mola o ka holimo e bonts'oa ka sebete - hore ena ke mokhoa oa khatiso oa mokhoa oa khatiso. Tlhahisoleseding ena e bolella sebapali hore haeba leqephe lena la websaete le behiloe ho hatisa, ho sebelisa mokhoa ona oa lipapali ho e-na le mokhoa ofe kapa ofe oa ho qetela oa maqephe o sebelisoang bakeng sa pontšo ea skrine. Ha maqephe a fetohela ho letlapa lena la "print.css", mokhoa o etsang hore leqephe lohle le se ke la bontšoa o tla kenella kahare mme tsohle tse tla hatisa e ka ba leqephe le se nang letho.

Thibela leqephe le le leng ka nako

Haeba ha ho hlokahale hore o thibe maqephe a mangata hosaete ea hau, u ka thibela khatiso ka maqepheng a marang-rang ka mekhoa e latelang e kentsoeng hloohong ea HTML.

@media print {body {bonts'a: ha ho}}

Leqheka lena le maqepheng a maqephe le ne le tla ba le lintlha tse phahameng ho feta mekhoa leha e le efe e ka hare ho lipampiri tsa hau tsa ka ntle, e leng se bolelang hore leqephe le ke ke la hatisoa ho hang, ha maqephe a mang a se nang moeli ona a ntse a ka hatisoa ka mokhoa o tloaelehileng.

Fumana Fancier le Maqephe a Hao a Thibelitsoeng

Ho thoe'ng haeba u batla ho thibela khatiso, empa u sa batle hore bareki ba hao ba ferekane? Haeba ba bona khatiso e se nang letho, ba ka 'na ba halefa' me ba nahana hore mochine oa bona oa khatiso kapa k'homphieutha e robehile 'me ha ba hlokomele hore u na le khatiso ea bokooa!

E le ho qoba moeti ho tsieleha, u ka fumana mohlankana e monyenyane 'me u kenya molaetsa o tla bontša feela ha babali ba hao ba hatisa leqephe - ho fetola lintho tse ling. Ho etsa sena, iketsetse leqephe la hau la Websaeteng, le ka holimo ho leqephe, hang ka mor'a hore ho be le letšoao la 'mele, beha:

'Me u koale letšoao leo ka mor'a hore lintho tsohle tsa hau li ngoloe, ka tlaase ho leqephe:

Joale, ka mor'a hore u koale div "noprint" div, bula kar e 'ngoe le molaetsa oo u batlang ho o bontša ha tokomane eo e hatisitsoe:

Leqhepe lena le reretsoe hore le shebane le inthaneteng 'me le se ke la hatisoa. Ka kopo sheba leqephe lena ho http://webdesign.about.com/od/advancedcss/qt/block_print.htm

Kenyelletsa lethathamo la tokomane ea hau ea khatiso ea CSS e bitsoang print.css:

'Me lengolong leo ho kenyelletsa mekhoa e latelang:

#noprint {bonts'a: ha ho letho; } #print {bonts'a: thibela; }}

Qetellong, ka mokhoa oa hau oa setšoantšo (kapa ka mokhoa o ka hare oa hlooho ea hau), ngola:

#print {bonts'a: ha ho letho; } #noprint {bonts'a: thibela; }}

Sena se tla etsa bonnete ba hore molaetsa oa khatiso o hlaha feela ka maqephe a hatisitsoeng, ha leqephe la websaete le hlaha feela leqepheng la marang-rang.

Nahana ka Phihlelo ea Basebelisi

Ho hatisa maqephe a maqephe ka kakaretso ke boiphihlelo bo futsanehileng ho tloha ha libaka tsa kajeno hangata li sa fetolele hantle ho tse hatisitsoeng. Haeba u sa batle ho hlahisa folakha e fapaneng ea mokhoa oa ho hatisa, u ka nahana ho sebelisa mehato ho tloha sehloohong sena ho "khaotsa" khatiso leqepheng. Hlokomela phello eo e ka bang le eona ho basebelisi ba itšetlehileng ka liwebsaete tsa khatiso (mohlomong kahobane ba na le pono e mpe le ho bala ka thata litlhōrong tsa skrine) mme ba etse liqeto tse tla sebetsa bakeng sa bamameli ba sebaka sa hau.

Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoeng ke Jeremy Girard.