Le meilleur didacticiel types de médias CSS en 2024, dans ce didacticiel, vous pouvez apprendre Type de support,règle @media,types Autres médias,
Type de support vous permet de spécifier la manière dont le document sera présenté dans différents médias. Le fichier peut être affiché de différentes manières sur l'écran, sur papier, ou navigateur d'audience, etc.
Certaines propriétés CSS sont uniquement conçus certains médias. Tels que la propriété "voice-family" est conçu pour les agents utilisateurs sonores. D'autres propriétés peuvent être utilisées pour différents types de supports. Par exemple, "font-size" propriété peut être utilisée pour les médias d'écran et d'impression, mais avoir des valeurs différentes. L'écran et sur les fichiers de papier diffèrent, nécessitent généralement une police plus grande, sans - serif est plus adapté à la lecture sur l'écran, tandis que les polices serif sont plus faciles à lire sur papier.
règle @media permet les mêmes feuilles de style pour différents médias mis en différents styles.
Dans l'exemple suivant nous dit d'afficher un 14 pixels Verdana style de police sur l'écran du navigateur. Toutefois, si la page imprimée sera de 10 pixels de police Times. S'il vous plaît noter, le papier font-weight et sur le réglage de l'écran en caractères gras:
<html> <head> <style> @media screen { p.test {font-family:verdana,sans-serif;font-size:14px;} } @media print { p.test {font-family:times,serif;font-size:10px;} } @media screen,print { p.test {font-weight:bold;} } </style> </head> <body> frfr </body> </html>
Vous pouvez essayer vous - même etdevoir!Si vous utilisez Mozilla / Firefox ou IE5 + imprimer cette page, vous verrez, "Types de support" utiliseront un autre écran que l' autre Taille du texte petit point police.
Remarque: Les noms de type de support ne sont pas sensibles à la casse.
Type de support | description |
---|---|
tous | Pour tous les appareils multimédias. |
auriculaire | Pour la parole et synthétiseur audio. |
braille | Avec dispositif de rétroaction tactile pour le Braille aveugle. |
gaufré | Aveugle pour les imprimantes braille paginée. |
ordinateur de poche | Pour les appareils portables de petite taille. |
imprimer | Pour une imprimante. |
projection | Programme pour l'affichage, tels que des diapositives. |
écran | Pour les écrans d'ordinateur. |
tty | Pour utiliser une grille fixe de support de densité de lettres, comme téléscripteurs et les terminaux. |
TV | Pour le type de télévision du dispositif. |