How does css define the medium in which documents are submitted

Editor to share with you how css defines which medium to submit documents, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

The media type (Media Types) allows you to define the medium in which the document is submitted. Documents can be displayed on a monitor, paper media, auditory browsers, and so on.

Media type

Some CSS attributes are designed only for certain media. For example, the "voice-family" attribute is designed for auditory user terminals. Other attributes can be used in different media. For example, the "font-size" attribute can be used for monitors and print media, but may have different values. The document displayed on the monitor usually requires a larger font size than the paper medium, and sans-serif fonts are easier to read on the monitor, while serif fonts are easier to read on the paper medium.

@ media rule

@ media rules give you the ability to use different style rules for different media in the same stylesheet.

The style in the following example tells the browser to display a 14-pixel Verdana font on the monitor. But if the page needs to be printed, a 10-pixel Times font will be used. Note: font-weight is set to bold, regardless of the monitor or paper medium:

@ media screen {p.test {font-family:verdana,sans-serif; font-size:14px}} @ media print {p.test {font-family:times,serif; font-size:10px} @ media screen,print {p.test {font-weight:bold}}.... The above is all the content of the article "how css defines how to submit documents". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!