CSS3中媒體類型是指通過CSS樣式表控制文檔在不同媒體類型下的呈現(xiàn)效果。CSS3定義了許多媒體類型,例如:屏幕、打印、手持設(shè)備等。
/* 在屏幕上顯示樣式 */ @media screen { body { background-color: #f4f4f4; font-family: Arial, sans-serif; font-size: 16px; color: #333; } } /* 在打印時(shí)顯示樣式 */ @media print { body { background-color: #fff; color: #000; font-size: 14px; line-height: 1.2; } /* 隱藏打印頁面中的某些元素 */ .no-print { display: none; } } /* 在手機(jī)上顯示樣式 */ @media only screen and (max-width: 768px) { body { font-size: 14px; } }
通過媒體查詢,我們可以為不同媒體類型設(shè)置不同的CSS樣式,使得同一頁面在不同的設(shè)備上具有更好的呈現(xiàn)效果。
除了上面列舉的三種媒體類型,CSS3還定義了許多其他媒體類型,如:投影儀、電視、掌上電腦等。我們可以根據(jù)需要選擇不同的媒體類型,達(dá)到更好的視覺效果。