小編給大家分享一下CSS怎么設(shè)置頁面打印，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司專注于保靖網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供保靖營銷型網(wǎng)站建設(shè)，保靖網(wǎng)站制作、保靖網(wǎng)頁設(shè)計(jì)、保靖網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù)，打造保靖網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供保靖網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

首先我們來看看CSS媒體類型有哪些？

screen（屏幕）

print（打?。?/p>

tv（電視）

projection（投影儀）

all（全部）

當(dāng)然還有其他的類型，但是我們主要就是介紹使用print來制作打印頁面。

我們下面來看CSS設(shè)置頁面打印的具體內(nèi)容

有兩種實(shí)現(xiàn)的方式

第一種

CSS代碼

在這里經(jīng)常使用，僅在通過設(shè)置內(nèi)部的“media=”print“”進(jìn)行打印時(shí)才應(yīng)用CSS。

通過上述這種方式，需要編寫兩種類型的CSS，一個(gè)普通的Web頁面和一個(gè)用于打印的Web頁面。

第二種

我們來看下面的CSS代碼

@mediaprint{

/*print的內(nèi)容*/

}

這是由媒體類型實(shí)現(xiàn)的，通過這樣做，可以在CSS的內(nèi)部應(yīng)用“@mediaprint”

我們以第一種方式為例來看具體的示例

代碼如下

HTML代碼

Sample

如果是打印頁可以看到文字

CSS代碼

sample_print.css

p{

color:#000000;

}

sample_screen.css

p{

color:#ffffff;

}

以上是“CSS怎么設(shè)置頁面打印”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！