您当前的位置: 首页 > 

壹小俊

暂无认证

  • 1浏览

    0关注

    885博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

第二十六课--媒体类型

壹小俊 发布时间:2019-08-14 10:14:26 ,浏览量:1

a.
一些 CSS 属性只设计了某些媒体。例如 voice-family 属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如, font-size 属性可用于屏幕和印刷媒体,但有不同的值。屏幕和纸上的文件不同,通常需要一个更大的字体,sans-serif 字体比较适合在屏幕上阅读,而 serif 字体更容易在纸上阅读。
b.@media 规则
@media 规则允许在相同样式表为不同媒体设置不同的样式。
在下面的例子告诉我们浏览器屏幕上显示一个 14 像素的 Verdana 字体样式。但是如果页面打印,将是 10 个像素的 Times 字体。请注意,font-weight 在屏幕上和纸上设置为粗体。看案例
c.
媒体类型       描述
all                用于所有的媒体设备。
aural          用于语音和音频合成器。
braille            用于盲人用点字法触觉回馈设备。
embossed       用于分页的盲人用点字法打印机。
handheld       用于小的手持的设备。
print          用于打印机。
projection     用于方案展示,比如幻灯片。
screen         用于电脑显示器。
tty                用于使用固定密度字母栅格的媒体,比如电传打字机和终端。
tv             用于电视机类型的设备。



    
    媒体类型


@media screen
{
    p.test {font-family:verdana,sans-serif;font-size:14px;}
}
@media print
{
    p.test {font-family:times,serif;font-size:10px;}
}
@media screen,print
{
    p.test {font-weight:bold;}
}


 

课程教育 -- 学的不仅是技术,更是梦想!!!

 

关注
打赏
1664335782
查看更多评论
立即登录/注册

微信扫码登录

0.0409s