- Introducere in CSS
- Sintaxa CSS
- Clase si Id-uri
- Cunostinte de Baza
- Background
- Text
- Familii de fonturi
- Link-uri
- Liste
- Tabele
- Containere
- Outline
- Margin si Padding
- Dimensiuni
- Display si Visibility
- Position si z-index
- Floating
- Aliniere elemente HTML
- Combinators si Selectors
- Pseudo-Clase
- Pseudo-Elemente
- Opacitatea
- @Reguli
- Media Types
- Stefanescu Mihai a postat in Paginare in PHP
- johhny a postat in Paginare in PHP
- Stefanescu Mihai a postat in Cum pot afisa eroarea cand utilizatorul a scris un username gresit sau o parola gresita?
- madalin a postat in Cum pot afisa eroarea cand utilizatorul a scris un username gresit sau o parola gresita?
- Stefanescu Mihai a postat in Featureuri site
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:
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) |
Potrivit pentru print. | |
projection | Potrivit pentru proiectar. |
screen | Potrivit pentru computere |
Comentarii
Inca nu au fost postate comentarii, fii primul care posteaza un comentariu!