Verschiedene Front-End-Druckmethoden des Webs: CSS steuert den Druckstil von Webseiten
|
CSS steuert den Druckstil von Webseiten : Verwenden Sie CSS, um den Druckstil zu steuern. Als ich es zum ersten Mal verwendete, war ich völlig durcheinander. Ich hatte keine Ahnung, was die Funktion von Midia in CSS war. Als ich andere bat, diesen Stil zu importieren, war ich immer noch ratlos. Wenn dieses Phänomen auch bei Ihnen auftritt, lassen Sie mich Ihnen die Funktion von CSS Media auf W3school erklären. Midia-Definition und -Verwendung : Das Medienattribut gibt das Gerät an, auf dem das verknüpfte Dokument angezeigt wird. Das Medienattribut wird verwendet, um unterschiedliche Stile für unterschiedliche Medientypen anzugeben. Mit Media wird der Medientyp von CSS angegeben. Die Syntaxformate lauten wie folgt: @Medienbildschirm | Druck | Projektion | Braille | Audio | TV | Handheld | alles Parameterbeschreibung : Bildschirm: bezieht sich auf den Computerbildschirm. Drucken: bezieht sich auf undurchsichtige Medien, die in Druckern verwendet werden. Projektion: bezieht sich auf das für die Anzeige verwendete Projekt. Braille: Braille-System, bezeichnet Druckerzeugnisse mit taktilen Effekten. aural: bezieht sich auf einen elektronischen Sprachsynthesizer. TV: Fernsehähnliche Medien. Handheld: bezieht sich auf ein tragbares Anzeigegerät. all: Für alle Medien. Fügen Sie den Dingen, die Sie nicht drucken möchten, einfach die folgende CSS-Style-Deklaration hinzu, dann erscheinen sie nicht auf der gedruckten Seite: Code kopieren Der Code lautet wie folgt:<link rel="stylesheet" media="drucken" type="text/css" href="drucken.css" /> Zum Beispiel: Code kopieren Der Code lautet wie folgt:<style midia="print">//midia muss deklariert werden, sonst ist es ungültig #mein_versteckt{display:none;} </Stil> |
<<: Über Zabbix Admin-Login vergessen Passwort zurücksetzen
>>: Unterschiede im Stundentrennzeichen zwischen Browsern
Artikel empfehlen
Vue implementiert einen Countdown zwischen angegebenen Daten
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erklärung des MySQL-Ausführungsplans
Die EXPLAIN-Anweisung liefert Informationen darüb...
Installations-Tutorial zur komprimierten Version von MySQL 8.0.20 mit Bildern und Text
1. MySQL-Download-Adresse; http://ftp.ntu.edu.tw/...
Lösung für das Problem, dass die Anzahl der MySQL-Verbindungen in CentOS 7 auf 214 begrenzt ist
Finden Sie das Problem Vor kurzem ist bei mir ein...
Implementierung der CSS-Auswahl von untergeordneten Elementen für übergeordnete Elemente
Normalerweise wählt ein CSS-Selektor von oben nac...
Detaillierte Erläuterung des grafischen Tutorials zum Herunterladen, Installieren und Konfigurieren von Win10 DVWA (Lernen von Anfängern)
Das Computersystem wurde neu installiert und die ...
Analyse von SQL-Integritätsbeschränkungsanweisungen in der Datenbank
Integritätsbeschränkungen Integritätsbedingungen ...
Docker erstellt Cluster-MongoDB-Implementierungsschritte
Vorwort Aufgrund der Geschäftsanforderungen des U...
So importieren Sie Tomcat-Quellcode in Idea
Inhaltsverzeichnis 1. Laden Sie den Tomcat-Code h...
Detaillierte Erläuterung der MySQL-Deadlock-Prüfung und Beispiele zur Deadlock-Entfernung
1. Abfragevorgang Prozessliste anzeigen 2. Fragen...
So erstellen Sie ein einfaches Säulendiagramm mit Flex-Layout in CSS
Das Folgende ist ein Balkendiagramm im Flex-Layou...
So konfigurieren Sie SSL für den Koa2-Dienst
I. Einleitung 1: SSL-Zertifikat Mein Domänenname ...
Beispiel einer Vorrendering-Methode für eine Vue-Einzelseitenanwendung
Inhaltsverzeichnis Vorwort vue-cli 2.0 Version vu...
Detaillierte Installations- und Konfigurationsschritte für die MySQL 5.7-Zip-Version (Zip-Version)
Vorwort: Ich habe Win10 neu installiert und gleic...
Grafische Erläuterung der Lösungen zur Frontend-Verarbeitung kleiner Symbole
Vorwort Bevor wir mit diesem Artikel beginnen, be...