CSS (kaskadiniai stiliaus lapai) suteikia didelę kontrolę, kaip jūsų tinklalapių turinys rodomas ekrane. Ši kontrolė taikoma ir kitoms laikmenoms, pavyzdžiui, kai spausdinamas internetinis puslapis.
Jums gali kilti klausimas, kodėl norėtumėte pridėti a spausdinimo funkcija į savo internetinį puslapį; juk dauguma žmonių jau žino arba gali lengvai išsiaiškinti, kaip spausdinti tinklalapį naudojantis savo naršyklės meniu.
Tačiau yra situacijų, kai pridedant spausdinimo mygtuką arba saitas į puslapį ne tik palengvins procesą vartotojams, kai jiems reikės atsispausdinti puslapį bet, galbūt, dar svarbiau, suteikite daugiau galimybių valdyti, kaip tie spaudiniai bus rodomi popierius.
Štai kaip pridėti spausdinimo mygtukus arba spausdinti nuorodas savo puslapiuose ir kaip apibrėžti, kurie jūsų puslapio turinio fragmentai bus spausdinami, o kurie ne.
Spaudos mygtuko pridėjimas
Galite lengvai pridėti spausdinimo mygtuką prie savo tinklalapio, pridėdami šį kodą prie savo HTML dokumento ten, kur norite, kad mygtukas būtų rodomas:
onclick = "window.print (); grąžinti klaidingą;" />
Mygtukas bus pažymėtas kaip Spausdinkite šį puslapį kai jis pasirodys tinklalapyje. Galite tinkinti šį tekstą, kad ir kaip jums patinka, pakeisdami tekstą tarp kabučių
vertė =aukščiau esančiame kode.
Atminkite, kad prieš tekstą ir po jo yra viena tuščia vieta; tai pagerina mygtuko išvaizdą, įterpiant tarpą tarp teksto galų ir rodomo mygtuko kraštų.
Pridedama spausdinimo nuoroda
Dar lengviau į savo internetinį puslapį įtraukti paprastą spausdinimo nuorodą. Tiesiog įdėkite šį kodą į savo HTML dokumentą ten, kur norite pateikti nuorodą:
spausdinti
Nuorodos tekstą galite tinkinti pakeisdami „spausdinti“ į bet ką, ką pasirinksite.
Konkrečių skyrių spausdinimas
Galite nustatyti galimybę vartotojams spausdinti tam tikras jūsų tinklalapio dalis naudodami spausdinimo mygtuką arba nuorodą. Tai galite padaryti pridėję a print.css failą į savo svetainę, įvesdami jį į HTML dokumento galvą ir apibrėždami klases, kurias norite padaryti lengvai spausdinamas, apibrėždami klasę.
Pirmiausia įtraukite šį kodą į savo HTML dokumento antraštės skyrių:
type = "text / css" media = "print" />
Tada sukurkite failą pavadinimu print.css. Į šį failą pridėkite šį kodą:
korpusas {matomumas: paslėptas;}
.print {matomumas: matomas;}Šis kodas apibūdina, kad visi korpuso elementai būtų paslėpti spausdinant, nebent elementui būtų priskirta „spausdinimo“ klasė.
Dabar viskas, ką jums reikia padaryti, yra priskirti „spausdinimo“ klasę tinklalapio elementams, kuriuos norite spausdinti. Pvz., Jei norite, kad skyriuje, apibrėžtame div elemente, būtų galima atspausdinti, jūs naudosite
Viskas, kas nepriskirta šiai klasei puslapyje, nebus spausdinama.