Media Blocks

2008 Oct 17


Media blocks allow one style sheet to have media dependent styles. This is esepcially helpful for XML languages which do not have a media attribute.

<style type="text/css">
body { color: #000066; }
@media print {
  body { font-family: cursive; }
  h1, h2, h3 { margin-top: 0.3em; }
}
@media screen {
  body { font-family: sans-serif; }
  h1, h2, h3 { margin-top: 3px; }
}
<style>