In the context of CSS (Cascading Style Sheets), the term media refers to the destination to which the document is to be drawn by the rendering engine. Typically, this is a screen—but it may also be a printer, a speech synthesizer, Braille display, or another type of device.
CSS offers several features that allow you to tweak your document's styles—or even offer different styles—according to the media type (such as screen or print, to name two) or media capabilities (such as width, resolution, or other values) of the viewer's device.
- Media queries
- Define a set of characteristics or parameters required to apply the CSS styles that are specified within the curly braces of the media query; for example: only applying certain CSS styles for devices below 768 pixels.
- Conditionally apply part of a stylesheet, based on the result of a media query.
- Test the viewing device against a media query.