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
Verwenden von Puppeteer zum Implementieren der Screenshot-Funktion für Webseiten unter Linux (CentOS)
Bei der Installation von Puppeteer unter Linux kö...
Mehrere Szenarien für die Verwendung des Nginx Rewrite-Moduls
Anwendungsszenario 1: Domänennamenbasierte Umleit...
Tiefgreifendes Verständnis des Vue-Übergangs und der Animation
1. Wenn Sie DOM-Elemente einfügen, aktualisieren ...
Diskussion über Standard-Rand- und Füllwerte allgemeiner Elemente
Heute haben wir die Frage besprochen, wie hoch de...
Installation, Konfiguration und Deinstallation von MySQL 8.0 in einer Windows-Umgebung
Softwareversion Windows: Windows 10 MySQL: mysql-...
Erstellung von Webseiten – Grundlegende Deklaration – Dokumenttypbeschreibung (DTD
Die Verwendung von CSS-Layouts zum Erstellen von W...
Die Tabelle fügt Zellen und das img-Bild zusammen, um das gesamte td-HTML auszufüllen
Quellcode (einige Klassen gelöscht): Code kopieren...
Navicat-Remoteverbindung zur MySQL-Implementierungsschritteanalyse
Vorwort Ich glaube, dass jeder auf einem Remote-S...
Detaillierte Einführung in das MySQL-Installationstutorial unter Windows
Inhaltsverzeichnis 1. Einige Konzepte, die Sie vo...
Detaillierte Erklärung, ob die MySQL-Datenbank Fremdschlüsseleinschränkungen verwenden soll
1. Einleitung Das Thema, ob Fremdschlüsseleinschr...
Beispiel für einen Fork- und Mutex-Lock-Prozess im Linux-Multithreading
Inhaltsverzeichnis Frage: 1. Erster Versuch 2. Ra...
Vue macht Div-Höhe verschiebbar
In diesem Artikel wird der spezifische Code von V...
Eine kurze Erläuterung zur Verwendung von Slots in Vue
Definition und Verwendung: Verwenden Sie die Slot...
Detaillierte Analyse der Kompilierung und Installation von vsFTP 3.0.3
Details zur Sicherheitsanfälligkeit VSFTP ist ein...
NULL und leere Zeichenfolge in MySQL
Ich bin vor kurzem mit MySQL in Berührung gekomme...