首页  |  IT相关文档  |  工具软件  |  网站建设  |  程式开发  |  图形设计  |  操作系统  |  服务器类  |  数据库类  |  网络安全  |  网络技术  |  计算机应用  |  站长之家  |  网络游戏
 

热点文章

·利用CSS，链接下划线也玩自定义
·CSS中的滑动门制作
·DHTML幻灯片播放程序（三）
·CSS 循序渐进（三）样式“表”秀
·巧用CSS滤镜做图案文字
·CSS样式表高效使用的技巧
·CSS控制字体效果的思考
·巧用CSS的alpha滤镜
·实践用CSS制作框架页效果
·巧用CSS的Border属性制作特效菜单
·网页风格化 用CSS实现皮肤适时切换
·浅谈设计中的文字
IT动态

·诺基亚望望自己的Ovi store再看看a
·看商场传奇，黄光裕贿赂的经历
·世界杯点球大战央视每秒12万
·比尔·盖茨称输入是苹果iPad软肋
·马化腾称一站式服务将成互联网主流
·富士康将为了内地员工迁厂西部
·网店实名7月启动若交税将难敌专卖
·金山与360口水战分析
·淘宝与日本雅虎强强联合推出跨国交
·2010年电子书迎来黄金年
·雅虎持巨资对抗谷歌推广
·从BT站点关闭到恢复看待网站转型

GG搜索更多相关
  
当前位置：主页>网站建设>CSS教程>

CSS教材之@media 规则详解

来源：新华it学院 作者：佚名 发布时间：2010-06-12

@media 规则使你有能力在相同的样式表中，使用不同的样式规则来针对不同的媒介。

下面这个例子中的样式告知浏览器在显示器上显示 14 像素的 Verdana 字体。但是假如页面需要被打印，将使用 10 个像素的 Times 字体。注意：font-weight 被设置为粗体，不论显示器还是纸媒介：

<html>
<head>

<style>
@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}
}
</style>

</head>

<body>....</body>

</html>

评论 | 收藏 | 大 中 小 | 打印 | 关闭
相关链接
·为主页添加一个漂亮的按钮
 ·为主页添加一个漂亮的按钮
 ·DHTML幻灯片播放程序（二）
 ·DHTML幻灯片播放程序（三）
·网页特效大公开
 ·CSS定位
 ·巧用CSS的Mask滤镜
 ·巧用CSS的Blur滤镜
·巧用CSS的Dropshadow滤镜
 ·巧用CSS的alpha滤镜
 ·巧用CSS的Glow滤镜
 ·巧用CSS的Wave滤镜
·巧用CSS的BlendTrans滤镜标
 ·巧用CSS的RevealTrans滤镜
 ·巧用CSS的无参数滤镜
 ·CSS高级进阶应用技巧
·有关表格边框的css语法整理
 ·有关表格边框的css语法整理
 ·让字体美起来(1)
 ·让字体美起来(2)
·让字体美起来(3)
 ·网页常用特效整理：高级篇(
 ·网页常用特效整理：高级篇(
 ·网页制作 JSP与ASP 的比较
     
 

Copyright 2006-2007 xhit.cn All Rights Reserved
有什么建议或意见请发信到admin@xhit.cn 皖ICP备07007336