So richten Sie den Seitendruck mithilfe von CSS ein

In diesem Artikel erfahren Sie, wie Sie CSS zum Festlegen des Seitendrucks verwenden. Wenn der Medientyp festgelegt ist, spiegelt er das beim Drucken angewendete CSS wider.

Werfen wir zunächst einen Blick auf Was sind die CSS-Medientypen?

Bildschirm (Bildschirm)

Druck (Druck)

Fernsehen (Fernsehen)

Projektion (Beamer)

alle (alle)

Natürlich gibt es noch andere Arten, aber wir stellen hauptsächlich die Verwendung von Print zum Erstellen gedruckter Seiten vor.

Sehen wir uns den spezifischen Inhalt des Druckens der CSS-Einstellungsseite an

Es gibt zwei Möglichkeiten, dies zu erreichen

Die erste

CSS-Code

<link rel="stylesheet" type="text/css" href="sample_print.css" media="print">

wird hier häufig verwendet und das CSS wird nur beim Drucken angewendet, indem darin „media="print"“ gesetzt wird.

Mit der oben genannten Methode müssen Sie zwei Arten von CSS schreiben, eine normale Webseite und eine Webseite zum Drucken.

Der zweite Typ

Sehen wir uns den folgenden CSS-Code an

@media print{
  /*print的内容*/
}

Dies wird durch Medientypen implementiert und kann auf diese Weise innerhalb von angewendet werden CSS „@ media print“

Nehmen wir die erste Methode als Beispiel, um ein konkretes Beispiel zu sehen

Der Code lautet wie folgt

HTML-Code

  
    
    
    <link rel="stylesheet" type="text/css" href="sample_print.css" media="print">
    
  
  
    
Sample
    
如果是So richten Sie den Seitendruck mithilfe von CSS ein页可以看到文字
  

CSS-Code

sample_print.css

p{
  color: #000000;
}

sample_screen.css

p{
  color: #ffffff;
 }

Auf der Browserseite sehen wir Folgendes Wirkung

Da der Medientyp „Bildschirm“ ist, ist die Textfarbe des CSS, das „Bildschirm“ verwendet, weiß, sodass der Text unten unsichtbar ist.

Wenn wir die Druckvorschau machen, erscheint der folgende Text, wie im Bild unten gezeigt

Das obige ist der detaillierte Inhalt vonSo richten Sie den Seitendruck mithilfe von CSS ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!