16、前端开发：CSS与JavaScript基础入门-优快云博客

本文链接：https://blog.youkuaiyun.com/android/article/details/154178325

前端开发：CSS与JavaScript基础入门

1. CSS 媒体类型

CSS 媒体类型允许开发者根据不同的媒体类型来决定网页的显示效果。常见的网页媒体类型有屏幕（标准电脑屏幕），CSS 2 中还包括手持设备、盲文、听觉和打印等类型。
- 手持设备 ：专为移动互联网设备设计。
- 盲文：适用于能以盲文读取或打印网页的设备。
- 听觉样式 ：允许开发者向语音合成的网页浏览器提供更多网页内容信息，方便视障人士浏览。
- 打印：影响网页打印时的外观。

完整的 CSS 媒体类型列表可参考：http://www.w3.org/TR/REC-CSS2/media.html#media-types。

以下是一个简单的示例代码，展示了如何根据不同媒体类型应用不同样式：

<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!-- Fig. 3.13: mediatypes.html -->
<!-- CSS media types. -->
<html xmlns = "http://www.w3.org/1999/xht