CSS (kaskaadlaadide laadilehed) annab teile märkimisväärse kontrolli selle üle, kuidas teie veebilehtede sisu ekraanil kuvatakse. See juhtseade laieneb ka muudele kandjatele, näiteks veebilehe printimisel.
Teil võib tekkida küsimus, miks soovite lisada a prindifunktsioon oma veebilehele; lõppude lõpuks, enamik inimesi juba teab või oskab hõlpsalt aru saada, kuidas brauseri menüüde abil veebilehte printida.
Kuid on olukordi, kus printimisnupu lisamine või link lehele mitte ainult ei muuda seda protsessi teie kasutajatele lihtsamaks, kui nad peavad lehe välja printima kuid, mis veelgi tähtsam, annab teile suurema kontrolli selle üle, kuidas need väljatrükid ilmuvad paber.
Siit saate teada, kuidas lisada oma lehtedele kas printimisnuppe või linke ja kuidas määratleda, millised teie lehe sisu tükid prinditakse ja millised mitte.
Prindinupu lisamine
Prindinupu saate hõlpsalt oma veebilehele lisada, lisades HTML-dokumendile järgmise koodi, kus soovite nuppu kuvada:
onclick = "window.print (); return false;" />
Nupp märgistatakse järgmiselt Printige see leht kui see ilmub veebilehele. Saate seda teksti kohandada ükskõik, mis teile meeldib, muutes teksti järgnevate jutumärkide vahel
väärtus =ülaltoodud koodis.
Pange tähele, et teksti ees ja järel on üks tühik; see parandab nupu väljanägemist, sisestades teksti tühikute ja kuvatava nupu servade vahele tühiku.
Prindilingi lisamine
Veelgi lihtsam on lisada oma veebilehele lihtne prindilink. Sisestage järgmine kood oma HTML-dokumenti, kus soovite linki kuvada:
printida
Lingi teksti saate kohandada, muutes "print" ükskõik milliseks.
Konkreetsete sektsioonide printimiseks printimine
Saate seadistada kasutajate võimaluse printida nuppe või linki abil teie veebilehe konkreetseid osi. Selle saate teha, lisades a print.css faili oma saidile, kutsudes selle HTML-dokumendi päisesse ja määrates seejärel klassi määratledes need jaotised, mida soovite hõlpsasti prinditavaks muuta.
Esiteks lisage HTML-i dokumendi päisesse järgmine kood:
type = "text / css" media = "print" />
Järgmisena looge fail nimega print.css. Sellesse faili lisage järgmine kood:
kere {nähtavus: peidetud;}
.print {nähtavus: nähtav;}See kood määratleb kõik korpuse elemendid printimisel peidetuna, välja arvatud juhul, kui elemendile on määratud klass "print".
Nüüd peate tegema ainult prindiklassi oma veebilehe elementidele, mille soovite printida. Näiteks kasutage div-elemendis määratletud jaotise printimist
Midagi muud sellel lehel, mida pole sellele klassile määratud, ei prindita.