The syntax is pretty straightforward – but the values are not, since some of them have been deprecated.
Starting with @media
followed by the not/all expression, type and again not/all plus its features contained within ( ) – this rule actually has tons of applications.
Let's find all the types together:
All for types means that the following CSS will be applied to every instance of every medium available
Aural was use to style content for screen readers – with properties as beautiful as voice-volume, voice-balance, voice-rate, speech and so on…Now almost deprecated, with lots of its values moved to the speech media feature
Embossed – this time to output content on Braille printers. The world is a beautiful place
Handheld – crazy to think there once was such a term used in CSS, while as of today we opt for the simpler "mobile"
Print – the majority of the work was usually put here, other values were ignored, unless you were in...