7月21号=》251页-255页

11.3　　控制光标的属性

　　　　通过CSS的cursor属性可以改变光标在目标组件上的形状。该属性支持如下属性值。

　　　　　　all-scroll：代表十字箭头光标。

　　　　　　col-resize：代表水平拖动线光标。

　　　　　　crosshair：代表十字线光标。

　　　　　　move：代表移动十字箭头光标。

　　　　　　help：代表带问号的箭头光标。

　　　　　　no-drop：代表禁止光标。

　　　　　　not-allowed：代表禁止光标。

　　　　　　pointer：代表手型光标。

　　　　　　progress：代表带沙漏的箭头光标。

　　　　　　row-resize：代表垂直拖动线光标。

　　　　　　text：代表文本编辑光标。通常就是一个大写的|字光标。

　　　　　　vertical-text：代表垂直文本编辑光标。通常就是大写的|字光标旋转90度。

　　　　　　wait：代表沙漏光标。

　　　　　　*-resize：代表可在各种方向上拖动的光标。支持w-resize、s-resize、n-resize、e-resize、ne-resize、

　　　　　　　　　　　　sw-resize、se-resize、nw-resize等各种属性值，其中n代表向上方向，s代表乡下方向，

　　　　　　　　　　　　e代表向右方向，w代表向左方向。

 

11.4　　media query功能

　　　　　　很多时候，使用HTML+CSS设计的样式非常精美，但可能由于对方设备、浏览器的原因，分比率、色深达不到要求，

　　　　　　导致显示效果非常丑陋。为了解决这个问题，CSS3强化了CSS2.1的媒体类型支持，增加了media query功能，设计者在

　　　　　　CSS样式中添加media query表达式，这种表达式不仅可以对媒体类型进行匹配，也可以对媒体分辨率、色深等各种细节进行

　　　　　　匹配，因此可以针对不同类型、不同参数细节的媒体设备提供精确控制。

11.4.1　　media query语法

　　　　　　@media not|only设备类型 [and设备特性]*

　　　　在上面语法格式中，[and设备特性]部分可以出现0~N次，通过使用多个[and设备特性]可以对多个设备特性进行匹配。

　　　　media query语法格式中的设备类型如下。

　　　　　　all：适用于所有的设备类型。

　　　　　　aural：适用于语音和音频合成器。

　　　　　　braille：适用于触觉反馈设备。

　　　　　　embossed：适用于凸点字符(盲文)印刷设备。

　　　　　　handheld：适用于小型或手提设备。

　　　　　　print：适用于打印机。

　　　　　　projection：适用于投影图像，如幻灯片。

　　　　　　screen：适用于计算机显示器。

　　　　　　tty：适用于使用固定间距字符格的设备，如电传打字机和终端。

　　　　　　tv：适用于电视类设备。

 

media query 语法格式中的设备特性

特性	合理的特性值	是否支持min/max前缀	说明
width	带单位的长度值。例如600px	是	匹配浏览器窗口的宽度
height	带单位的长度值。例如600px	是	匹配浏览器窗口的高度
aspect-ratio	比例值。例如16/9	是	匹配浏览器窗口的宽度值与高度值的比率
device-width	带单位的长度值。例如600px	是	匹配设备分辨率的宽度值
device-height	带单位的长度值。例如600px	是	匹配设备分辨率的高度值
device-aspect-ratio	比例值。例如16/9	是	匹配设备分辨率的宽度值与高度值的比率
color	整数值	是	匹配设备使用多少位的色深。比如真彩色是32.如果不是彩色设备，该值为0
color-index	整数值	是	匹配色彩表中的颜色数
monochrome	整数值	是	匹配单色帧缓冲器中每像素的位(bit)数。如果不是单色设备，这个特性值为0
resolution	分辨率至。比如300dpi	是	匹配设备的物理分辨率
scan	只能是progressive或interlace	否	匹配设备的扫描方式。其中，progressive代表逐行扫描；interlace代表隔行扫描
grid	只能是0或1	否	匹配设备是否给予栅格的。其中，1代表基于栅格，0代表基于其他方式