Aus dem Kurs: Webtechniken lernen 3: Responsive CSS-Layouts mit Media Queries, Flexbox und Grid

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Medientypen definieren das Ausgabemedium

Medientypen definieren das Ausgabemedium

Aus dem Kurs: Webtechniken lernen 3: Responsive CSS-Layouts mit Media Queries, Flexbox und Grid

Gratismonat starten Für Ihr Team erwerben

Medientypen definieren das Ausgabemedium

“

Medientypen definieren das Ausgabemedium für eine Webseite und die geläufigsten sind die drei Medientypen all, print und screen. All ist die Standardeinstellung und bedeutet, das CSS gilt für alle Ausgabemedien. Man kann das Ausgabemedium aber einschränken. Mit dem Keyword print kann man eine Druckversion erstellen und mit dem Keyword screen kann man das CSS auf das Ausgabemedium Bildschirm beschränken. Ich möchte Ihnen jetzt kurz im Editor zeigen, wie man eine ganz einfache Druckversion erstellt mit dem Keyword print. Hier sind die Dateien aus dem Ordner zu diesem Film und da ist schon vorbereitet ein Stylesheet mit dem Namen print.css. und nach dem einleitenden Kommentar geht es hier weiter mit dem Ausdruck "@media print" und dann in geschweiften Klammern folgen die CSS-Regeln, die nur für den Ausdruck der Webseiten gelten. Los geht es hier mit * { box-shadow: none !important; text-shadow: none !important; } beim Ausdruck sollen also sämtliche Schatten nicht ausgegeben werden. Das…

Inhalt