CSS (каскадни таблици със стилове) ви дават значителен контрол върху това как съдържанието на вашите уеб страници се показва на екрана. Този контрол се разпростира и върху други носители, например при отпечатване на уеб страницата.
Може би се чудите защо бихте искали да добавите функция за печат към вашата уеб страница; в крайна сметка повечето хора вече знаят или лесно могат да разберат как да отпечатват уеб страница, използвайки менютата на браузъра си.
Но има ситуации, когато добавяте бутон за печат или връзка дадена страница не само ще улесни процеса на вашите потребители, когато им се наложи да разпечатват страница но, може би дори по-важното, ви дава повече контрол върху това как ще се показват тези разпечатки хартия.
Ето как да добавите бутони за печат или връзки за печат на вашите страници и как да определите кои части от съдържанието на вашата страница ще бъдат отпечатани и кои не.
Добавяне на бутон за печат
Можете лесно да добавите бутон за печат към вашата уеб страница, като добавите следния код към вашия HTML документ, където искате да се появи бутона:
onclick = "window.print (); върнете невярно;" />
Бутонът ще бъде обозначен като Отпечатайте тази страница когато се появи на уеб страницата. Можете да персонализирате този текст, както искате, като промените текста между следващите кавички
стойност =в кода по-горе.
Обърнете внимание, че има едно празно пространство пред текста и след него; това подобрява външния вид на бутона чрез вмъкване на малко пространство между краищата на текста и краищата на показания бутон.
Добавяне на връзка за печат
Още по-лесно е да добавите обикновена връзка за печат към вашата уеб страница. Просто поставете следния код във вашия HTML документ, където искате да се появи връзката:
отпечатате
Можете да персонализирате текста на връзката, като промените „печат“ към каквото изберете.
Осъществяване за печат на конкретни раздели
Можете да настроите възможността потребителите да печатат определени части от вашата уеб страница с помощта на бутон за печат или връзка. Можете да направите това, като добавите a print.css файл на вашия сайт, наричайки го в главата на вашия HTML документ и след това дефинирайте онези секции, които искате да направите лесно за печат, като дефинирате клас.
Първо, добавете следния код в главната секция на вашия HTML документ:
type = "text / css" media = "print" />
След това създайте файл с име print.css. В този файл добавете следния код:
тяло {видимост: скрито;}
.print {видимост: видим;}Този код определя всички елементи в тялото като скрити при отпечатването, освен ако елементът не му е присвоен клас "print".
Сега всичко, което трябва да направите, е да зададете клас "печат" на елементите на вашата уеб страница, които искате да бъдат отпечатвани. Например, за да направите раздел, дефиниран в елемент за разпечатване на div, ще използвате
Всичко друго на страницата, което не е присвоено на този клас, няма да се отпечатва.