Основы работы с CSS

       

Правило @media


Данное правило позволяет задать различные правила стилей для различных носителей информации в одной таблице стилей.

Стиль в следующем далее примере определяет для браузера вывод на экране шрифтом Times размером 30 пикселей. Но если страница будет печататься, то это будет сделано шрифтом Verdana размером 8 пикселей Отметим, что степень жирности шрифта задана normal, как на экране, так и на бумаге:

<html> <head> <style> @media screen { div.test {font-family: times,serif; font-size:8px} }

@media print { div.test {font-family: verdana,sans-serif; font-size:30px} } @media screen,print { div.test {font-weight:normal} } </style> </head> <body> ... </body> </html>



Содержание раздела