CSS媒体类型

媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。

@media 规则

@media 规则允许在相同样式表为不同媒体设置不同的样式。
其他媒体类型
注意：媒体类型名称不区分大小写。
媒体类型 描述
all 用于所有的媒体设备。
aural 用于语音和音频合成器。
braille 用于盲人用点字法触觉回馈设备。
embossed 用于分页的盲人用点字法打印机。
handheld 用于小的手持的设备。
print 用于打印机。
projection 用于方案展示，比如幻灯片。
screen 用于电脑显示器。
tty 用于使用固定密度字母栅格的媒体，比如电传打字机和终端。
tv 用于电视机类型的设备。

属性选择器

具有特定属性的HTML元素样式
具有特定属性的HTML元素样式不仅仅是class和id。
注意：IE7和IE8需声明!DOCTYPE才支持属性选择器！IE6和更低的版本不支持属性选择器
1.属性选择器
下面的例子是把包含标题（title）的所有元素变为蓝色：
实例

[title]
{
    color:blue;
}

属性和值选择器

下面的实例改变了标题title='runoob'元素的边框样式:
实例
[title=runoob]
{
border:5px solid green;
}

属性和值的选择器 - 多值

下面是包含指定值的title属性的元素样式的例子，使用（~）分隔属性和值:

实例

[title~=hello] { color:blue; }

属性值为："??hello"时，选择器生效。

下面是包含指定值的lang属性的元素样式的例子，使用（|）分隔属性和值:

实例

[lang|=en] { color:blue; }
属性值为："en???"时，选择器生效。