HTML5: Как указать, для какого медиа / устройства оптимизирован медиаресурс?
Перейти на страницу упражнений
Решение:
HTML-код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>How to specify what media/device the media resource is optimized for</title>
<style>
h1 {color:#0000CD;}
p {color:#FFFFFF;}
body {background-color:#6495ED;}
</style>
<style media="print">
h1 {color:#1E90FF;}
p {color:#00BFFF;}
body {background-color:#00CED1;}
</style>
</head>
<body>
<h1>w3resource</h1>
<p><a href="http://localhost/html-css-exercise/basic/solution/try-style-media-answer.html" target="_blank">Click here</a> to open this page in a new window (without the tryit part)
</body>
</html>
Демонстрация в реальном времени:
См. Стиль пера -ответа от w3resource ( @ w3resource ) в CodePen .
Поддерживаемый браузер
 |  |  |  |  |
| да | да | да | да | да |
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code