Shulou(Shulou.com)06/01 Report--

Editor to share with you how css uses @ media rules, I believe most people do not know much about it, so share this article for your reference, I hope you will learn a lot after reading this article, let's learn about it!

@ media rules

The @ media rules empower you to use different formatting rules for consistent prefaces in similar listings.

The fancy pattern in the above example shows that the predator represents a 14-pixel Verdana font on the float. However, if the page requirements are printed, a 10-pixel Times font will be applied. Hope: font-weight is set to bold, regardless of the display or paper narrative:

@ 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 uses @ media rules". 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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.