Herstellung von Web-Seiten Druck Verwenden von CSS

Grundideen:

• Die Leute werden Ihre Seiten gedruckt werden typischerweise in der Lage sein, den Inhalt zu lesen, nicht zu sehen, Bilder. Sie müssen alle Bilder aus dem Drucker verstecken, und dies wird im Druckstylesheet getan. Ich werde erklären, was die Druckstylesheet in einem Moment ist.
• Navigationselemente sind nicht so gut in dem gedruckten Dokument benötigt, so dass alle Navigationselemente sollten von der gedruckten Seite entfernt werden.
• Angenommen, Sie haben Ihre Seiten mit einem schwarzen Hintergrund mit weißen Text entworfen. Sie wollen nicht, Völker Drucker, die alle schwarz gedruckt wird, werden sie nicht allzu glücklich mit dem Preis der Tinte in diesen Tagen! Um dieses Problem zu lösen, werden in unseren Print-Stylesheet werden wir die Seite Farbe ‚weiß‘ und die Textfarbe ‚schwarz‘ gesetzt.

Die ‚Druckstylesheet‘:

Ich habe den ‚print-Stylesheet‘ ein paar Mal ohne Erklärung erwähnt; Lassen Sie uns jetzt darum kümmern. CSS heute können Sie mehr als ein Stylesheet in Ihrer Web-Seite verknüpfen.

Der einfache Grund, warum Sie wollen würden, dies zu tun ist, so dass Sie die HTML-Seite ‚Veränderung‘ sein Aussehen automatisch haben könnten, wenn jemand Ihre Seite mit einer bestimmten Art von Gerät besucht. Diese Art von Geräten kann einen typischen Desktop-Computer, ein PDA (Windows CE-Gerät, Palm Pilot, etc.) und einen Drucker unter anderen Geräten!

Es funktioniert wie folgt; wenn Sie einen Stylesheet zu Ihrer HTML-Seite verlinkt wird, gibt es ein Attribut, das Sie in dem CSS-Link-Tag angeben, die das Gerät Lese Ihrer Seite sagt, wenn es das Stylesheet angegeben in der Verbindung verwendet werden soll.

So die weisen Männer und Frauen, die mit der CSS-Spezifikation kam, kam mit ein paar Ideen für Gerätetypen auf, die in der CSS-Link angegeben werden. Aus Gründen der diesem kurzen Artikel werden wir mit nur zwei davon betroffen:

Hier ist ein Beispiel Paar CSS Links, die auf verschiedene Stylesheets verweisen, einen für den Drucker zu verwenden und die andere für einen normalen PC-Monitor zu verwenden:

So, jetzt wissen wir, wie der Browser zu sagen, welche Stylesheet zu verwenden, wenn die HTML-Seite gedruckt wird, so etwas ist anders im Druckstylesheet, das diese Arbeit macht?

Es gibt alle Arten auf Dinge, die Sie tun können, aber die einfachste ist einfach zu wickeln HTML und Bilder, die Sie nicht wollen, gedruckt mit