CSS教程:css属性之媒体(Media)类型
2008-10-17 19:27
399 查看
样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。
声明一个媒体属性可以用@import或@media引入:
@import url(loudvoice.css) speech;
@media print {
/* style sheet for print goes here */
}
也可以在文档标记中引入媒体:
<link rel="stylesheet" type="text/css" media="print" href="foo.css">
可以看出,@import和@media的区别在于,前者引入外部的样式单用于媒体类型,后者直接引入媒体属性。@import的使用方法是@import加样式单文件的URL地址再加媒体类型,可以多个媒体共用一个样式单,媒体类型之间用","分割符分开。@media用法则是把媒体类型放在前面,其他规则和rule-set基本一样。下面列出各种媒体类型:
SCREEN:指计算机屏幕。
PRINT:指用于打印机的不透明介质。
PROJECTION:指用于显示的项目。
BRAILLE:盲文系统,指有触觉效果的印刷品。
AURAL:指语音电子合成器。
TV:指电视类型的媒体。
HANDHELD:指手持式显示设备(小屏幕,单色)
ALL:适合于所有媒体。
声明一个媒体属性可以用@import或@media引入:
@import url(loudvoice.css) speech;
@media print {
/* style sheet for print goes here */
}
也可以在文档标记中引入媒体:
<link rel="stylesheet" type="text/css" media="print" href="foo.css">
可以看出,@import和@media的区别在于,前者引入外部的样式单用于媒体类型,后者直接引入媒体属性。@import的使用方法是@import加样式单文件的URL地址再加媒体类型,可以多个媒体共用一个样式单,媒体类型之间用","分割符分开。@media用法则是把媒体类型放在前面,其他规则和rule-set基本一样。下面列出各种媒体类型:
SCREEN:指计算机屏幕。
PRINT:指用于打印机的不透明介质。
PROJECTION:指用于显示的项目。
BRAILLE:盲文系统,指有触觉效果的印刷品。
AURAL:指语音电子合成器。
TV:指电视类型的媒体。
HANDHELD:指手持式显示设备(小屏幕,单色)
ALL:适合于所有媒体。
相关文章推荐
- css属性之媒体(media)类型
- css属性之媒体(Media)类型
- css学习笔记20160130导航栏下拉菜单图像拼合媒体类型属性和值选择器
- 样式link属性media用法--媒体类型查询
- media属性和媒体类型
- C#基础视频教程2 常见数据类型和属性方法
- 移动设备上的媒体查询 CSS media queries for mobile device
- Google Chrome开发者工具-移动仿真:设备取向和CSS媒体类型
- 学习CSS使用技巧教程(7)连接属性
- 使用CSS媒体查询创建响应式布局教程
- AxWindowsMediaPlayer媒体文件主要方法属性
- CSS@media媒体查询,实现简单的响应式布局
- XAF应用开发教程(二)业务对象模型之简单类型属性
- CSS中的媒体类型media type
- div+css网页布局教程(1):float属性介绍
- 巧妙使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的好方法
- CSS教程:属性选择器
- ASP.NET Web API默认支持的媒体类型(SupportedMediaTypes)
- 移动设备上的媒体查询 CSS media queries for mobile device