CSS2媒體選擇是指在HTML文檔中,通過(guò)不同的媒體類型來(lái)指定和應(yīng)用不同的樣式。
@media print { body { background-color: white; color: black; } } @media screen { body { background-color: blue; color: white; } }
在上述代碼中,@media表示媒體選擇,print和screen則是不同的媒體類型。在print類型的媒體中,網(wǎng)頁(yè)的背景色為白色,文字為黑色;在screen類型的媒體中,網(wǎng)頁(yè)的背景色為藍(lán)色,文字為白色。
CSS2媒體選擇的優(yōu)點(diǎn)在于可以為不同的媒體類型針對(duì)性地設(shè)計(jì)網(wǎng)頁(yè)樣式,提高網(wǎng)頁(yè)的閱讀體驗(yàn)和可用性。例如,在打印媒體下只輸出純文本,去除圖像和背景色,可以節(jié)省打印成本,提高效率。
需要注意的是,CSS2媒體選擇不適用于所有的瀏覽器和設(shè)備,因此在設(shè)計(jì)網(wǎng)頁(yè)時(shí)需適當(dāng)考慮并兼容多種媒體類型和設(shè)備。
上一篇css3 代替tr