简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

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 direka bentuk hanya untuk media tertentu. Contohnya, 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 Jika anda mencetak halaman ini menggunakan Mozilla/Firefox atau IE5+ anda akan melihat, "Jenis Media " akan dipaparkan menggunakan fon lain yang lebih kecil daripada saiz fon teks yang lain.

Jenis Media Lain

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

Jenis Media                                                                                                                                                                                                                                             .

aural                                                                                                                                                                                                                                                                                                                                                                      digunakan untuk pensintesis pertuturan dan audio.

braille ialah peranti maklum balas sentuhan Braille untuk orang buta.

pencetak Braille timbul untuk penomboran.

pegang tangan Untuk peranti pegang tangan kecil.                                                                                                                                                                                                                                                                                 .

unjuran digunakan untuk pembentangan projek, seperti slaid.                                                                                                                                                                                                                                                                                                 .

tty digunakan untuk media yang menggunakan grid huruf berketumpatan tetap, seperti teletaip dan terminal.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             

Meneruskan pembelajaran
||
<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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492163 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！