htmlcssmedia-queries

What does media="screen" mean in HTML?

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

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

  • 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.