CSS3媒體類型是一種特殊的CSS樣式,可以用于控制文檔在不同媒介上的顯示效果。媒體類型定義了一系列屬性,可以根據(jù)不同媒介類型設(shè)置不同的樣式,比如屏幕顯示、打印、移動(dòng)設(shè)備等。
@media screen { body { font-size: 16px; color: #333; } } @media print { body { font-size: 12px; color: #000; } } @media (max-width: 767px) { body { font-size: 14px; color: #666; } }
以上代碼展示了不同的媒體類型示例。第一個(gè)媒體類型用于屏幕顯示,設(shè)置了網(wǎng)頁body元素的字體大小和顏色;第二個(gè)媒體類型用于打印,設(shè)置了字體大小和顏色;第三個(gè)媒體類型用于移動(dòng)設(shè)備,通過@media查詢?cè)O(shè)置了設(shè)備屏幕寬度不超過767像素時(shí)的字體大小和顏色。
CSS3媒體類型除了上述三種類型,還包括了一些其他的類型,如:projection(投影儀)、speech(屏幕閱讀器)、aural(聽覺瀏覽器)等。不同媒體類型可以使文檔的顯示更加靈活,為用戶提供更好的體驗(yàn)。