指定样式表媒介类型的三种方式

作者：vkvi 来源：ITPOW（原创）日期：2010-2-10

CSS 不仅能用于电脑显示器，还能用于打印机、电视机、手持设备等。当然应用最广的就是电脑显示器和打印机。

我们写的 CSS 具体应用于哪一个设备呢，有三种指定方式，若没有指定则表示对所有设备均有效。

连接样式表

输入样式表

@import url("style.css") screen;

用 @media 直接写在样式表中

p
{
    background-color:#FFFFFF;
    color:#FF0000;
}

@media print
{
    p
    {
        background-color:#FFFFFF;
        color:#000000;
    }
}

用的是 @media。第一个 p 没有限定 @media，表示对所有的设备均起作用，第二个 p 放在了 @media print 中，表示对打印机时起作用，后面的 p 覆盖前面的 p 的样式，也就是说当打印时，打出来的字是黑色的，而不是红色的。

扩展：只对电脑显示器有效

@media screen
{

}

扩展：只对打印机有效

@media print
{

}

扩展：只对电脑显示器和打印机有效

@media screen, print
{

}