CSS3 知识量：11 - 43 - 138
CSS样式可以根据不同的使用设备（手机、笔记本电脑、iPad等）进行调整，以提供更好的页面布局体验。在CSS中，设备类型主要有以下几种：
| 值 | 设备类型 |
|---|---|
| All | 所有设备 |
| Braille | 盲人用点字法触觉回馈设备 |
| Embossed | 盲文打印机 |
| Handheld | 便携设备 |
| 打印用纸或打印预览视图 | |
| Projection | 各种投影设备 |
| Screen | 电脑显示器 |
| Speech | 语音或音频合成器 |
| Tv | 电视机类型设备 |
| Tty | 使用固定密度字母栅格的媒介，如电传打字机和终端 |
以上类型中，All、Screen和Print是最常用的。
媒体类型是CSS中的常见属性，可以通过媒体类型对不同类型的设备指定不同的样式。媒体类型的引用方法主要有以下几种：
1、link方法
通过<link>标签中的media属性来指定不同的媒体类型。例如：
<link rel="stylesheet" type="text/css" href="main.css" media="screen" />
2、xml方式
与link方法类似，通过xml标签的media属性来指定不同的媒体类型。例如：
<?xml-stylesheet rel="stylesheet" media="screen" href="main.css" ?>
3、@import方式
通过@import引入媒体类型时有两种方式：
一种是通过@import调用另一个样式文件。例如：
@import url(main.css) screen;
另一种是在<head></head>标签的<style></style>标签中引入。例如：
<head> <style type="text/css"> @import url(main.css) screen; </style> </head>
4、@media方式
@media是CSS3的新特性，称为媒体查询。引入媒体时也有两种方式：
一种是在样式文件中引用媒体类型。例如：
@media screen { css样式内容...}另一种是在<head></head>标签的<style></style>标签中引入。例如：
<head>
<style type="text/css">
@media screen { css样式内容...}
</style>
</head>Copyright © 2017-Now pnotes.cn. All Rights Reserved.
编程学习笔记 保留所有权利
MARK:3.0.0.20240214.P35
From 2017.2.6