ホームページ  >  記事  >  php教程  >  css 在不同媒介的显示样式控制

css 在不同媒介的显示样式控制

WBOY
WBOYオリジナル
2016-06-06 20:01:34877ブラウズ

//在屏幕上显示的样式 link rel="stylesheet" type="text/css" media="screen" href="screen.css"/ //在打印时显示的样式 link rel="stylesheet" type="text/css" media="print" href="print.css" / 有不同的规则声明,不同的输出设备分别生成页面样式。 scr

 

//在屏幕上显示的样式

//在打印时显示的样式

  

 

 

有不同的规则声明,不同的输出设备分别生成页面样式。 

 

screen (缺省值):提交到计算机屏幕;

print: 输出到打印机;

projection:提交到投影机;

aural:扬声器;

braille:提交到凸字触觉感知设备;

tty:电传打字机 (使用固定的字体);

tv:电视机;

all:所有输出设备。

 

 

也可以直接在页面写:

 

//在打印时页面的效果    

@media print

{

 

}

 

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。