Markup Language - Print Style Sheets

Markup Language - Print Style Sheets
Click here to return to the 123WORDPRESS.COM HTML Tutorial section. To view the CSS tutorial, please click here.
Previous: Markup language - applying CSS styles to web pages . Chapter 11 Print Styles Previously in Chapter 10, we discussed several ways to apply CSS to your documents. In this chapter, we'll look at print styles, specifying CSS rules specifically for printed pages. With just a few CSS rules, you can ensure that your structured markup looks just as good on paper as it does on the screen.
First, let's look at media types and how they relate to providing device-specific CSS. How do you specify styles for print?
Before answering this question, we must be familiar with a concept, that is, we can specify the media type for CSS, and declaring the media type will enable the style to work for specific media.
For example, if you want to style a link specifically for computer screens, you can add the media attribute to the <link> tag like this:

<link rel="stylesheet" type="text/css" media="screen" href="screenstyles.css" />

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :
This chapter will focus on the all, print, and screen media types.
Previous Page 1 2 3 4 5 Next Page Read More

<<:  Detailed explanation of the processing of the three Docker Nginx Logs

>>:  In-depth explanation of InnoDB locks in MySQL technology

Recommend

MySQL database Load Data multiple uses

Table of contents Multiple uses of MySQL Load Dat...

Detailed explanation of Vue's monitoring method case

Monitoring method in Vue watch Notice Name: You s...

HTML hyperlinks explained in detail

Hyperlink Hyperlinks are the most frequently used ...

Summary of four situations of joint query between two tables in Mysql

Generally speaking, in order to get more complete...

How to run Python script on Docker

First create a specific project directory for you...

How to download excel stream files and set download file name in vue

Table of contents Overview 1. Download via URL 2....

Example of Form action and onSubmit

First: action is an attribute of form. HTML5 has d...

How to enable TLS and CA authentication in Docker

Table of contents 1. Generate a certificate 2. En...

Detailed process of NTP server configuration under Linux

Table of contents 1. Environment Configuration 1....

Docker installs mysql and solves the Chinese garbled problem

Table of contents 1. Pull the mysql image 2. Chec...