Jenis media CSS


Jenis Media CSS

Jenis media membolehkan anda menentukan cara fail akan dipaparkan dalam media yang berbeza. Fail boleh dipaparkan dalam cara yang berbeza pada skrin, di atas kertas, atau dalam penyemak imbas pendengaran, dsb.

Jenis Media

Sesetengah sifat CSS hanya direka untuk media tertentu. Sebagai contoh, atribut "keluarga suara" direka untuk mendengar ejen pengguna. Beberapa sifat lain tersedia untuk jenis media yang berbeza. Sebagai contoh, atribut "saiz fon" boleh digunakan untuk skrin dan media cetak, tetapi dengan nilai yang berbeza. Dokumen skrin dan kertas adalah berbeza dan biasanya memerlukan fon yang lebih besar fon Sans-serif adalah lebih baik untuk membaca pada skrin, manakala fon serif lebih mudah dibaca di atas kertas.

@peraturan media

Peraturan@media membenarkan menetapkan gaya berbeza untuk media berbeza dalam helaian gaya yang sama.

Contoh di bawah memberitahu kami untuk memaparkan gaya fon Verdana 14 piksel pada skrin penyemak imbas. Tetapi jika halaman dicetak, ia akan berada dalam fon Times 10 piksel. Sila ambil perhatian bahawa berat fon ditetapkan kepada tebal pada skrin dan di atas kertas: 

<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>

Anda boleh mencubanya sendiri dan lihat Cetak halaman ini jika anda menggunakan Mozilla/Firefox atau IE5+ , anda akan melihat bahawa "Jenis Media" akan dipaparkan menggunakan fon lain yang lebih kecil sedikit daripada saiz fon teks yang lain.

Jenis Media Lain

Nota: Nama jenis media tidak peka huruf besar-kecil.

媒体类型描述
all用于所有的媒体设备。
aural用于语音和音频合成器。
braille用于盲人用点字法触觉回馈设备。
embossed用于分页的盲人用点字法打印机。
handheld用于小的手持的设备。
print用于打印机。
projection用于方案展示，比如幻灯片。
screen用于电脑显示器。
tty用于使用固定密度字母栅格的媒体，比如电传打字机和终端。
tv用于电视机类型的设备。