What does media=“screen” mean in css?

问题:

What does media="screen" mean in the below css code?

<style type="text/css" media="screen">

回答1:

The goal of the media attribute is to allow you to specify different styles for different methods of display.

Most commonly I use this to have 2 sets of styles, 1 for display (screen) and 1 for printing (print)

Normally on the "print" css I'll do things like hide buttons, strip out extraneous images, ads, etc etc. Basically, make it 8.5x11 friendly.

回答2:

There are two types, screen is the default browser view. print is for print view.

回答3:

In addition to Brook's answer, the media="foo" attribute of the is equivilant to the @media foo in your CSS file