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:
| Valoare |
Descriere |
| all |
Potrivit pentru toate dispozitivele |
| aural |
Creeat pentru sintetizatoare de vorbire |
| braille |
Creeat pentru dispozitivele tactile |
| embossed |
Creeat pentru dispozitive ce printeaa folosind limbajul braille |
| handheld |
Potrivit pentru telefoane, smartphone-uri, si alte dispozitive cu ecran mai mic (in CSS3 au fost introduse o serie de media types creeate special pentru smartphone-uri si tablete, acestea se vor gasii intr-un articol separat) |
| print |
Potrivit pentru print. |
| projection |
Potrivit pentru proiectar. |
| screen |
Potrivit pentru computere |
Stefanescu Mihai
