Media Types

Unul dintre cele mai mari avantaje ale CSS-ului este ca poti specifica pe ce tip de media va fi prezentat continutul: ecran, hartie, tableta, telefon, s.a.m.d.

Pentru a stabili tipurile de media avem doua optiuni:

• putem specifica tipul de media direct din fisierul de stil folosind @media
• Putem stabili asta in headerul documentului HTML

Regula @media

Regula @media specifica tipul de media dorit (daca sunt mai multe se separa prin virgula).

@media print {
    body { font-size: 100%; }
  }
  @media screen {
    body { font-size: 1.2em; }
  }
  @media screen, print {
    body { line-height: 24px; }
  }

In documentul HTML

In HTML 4.0 atributul media specificat in elementul LINK trebuie sa precizeze tipul de media.

<link rel="stylesheet" type="text/css" media="print, handheld" href="stil_print.css">

Tipuri de media

Numele tipurilor de media sunt destul de explicative pentru dispozitivele dorite.

Mai jos am scris o lista cu tipurile de media: