阿米酷 – 生活影像轨迹 电影感想和日常摄影的收藏记录 & WEB编程和WEB设计的知识库

CSS在不同媒介上的显示方法：

常见的浏览器端的样式设置为：<link rel=”stylesheet” type=”text/css” href=”/css/screen.css” media=”screen” />

为打印机的样式设置为：<link rel=”stylesheet” type=”text/css” href=”/css/print.css” media=”print” />

主要区别在于media的不同定义，下面是主要的不同的媒体类型表：

all
用于所有设备

aural
用于语音和声音合成器

braille
用于盲人使用的触觉反应设备

embossed
用于盲人打印机

handheld
用于掌上设备或更小的装置，如PDA和小型电话

print
用于打印机和打印预览

projection
用于投影设备

screen
用于色彩监控器

tty
用于固定的字符网格，如电报、终端设备和对字符有限制的便携设备

tv
用于电视和网络电视

用@media也可以直接在同一样式表中，为不同的显示媒体来定义不同的媒体类型和显示效果：

@meida print{

body{ css code}

}

@meida screen{

body{ css code}

}

CSS在不同浏览器端的显示

区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;
主要用*和!important来区别一下几个主流浏览器之间的细微差别：
IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
IE6支持下划线，IE7和firefox均不支持下划线。
如下：