欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

css屬性之媒體類型的相關介紹

這篇文章主要為大家詳細介紹了css屬性之媒體類型,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下。

讓客戶滿意是我們工作的目標,不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴,公司提供的服務項目有:域名申請、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設、溆浦網(wǎng)站維護、網(wǎng)站推廣。

css屬性之媒體類型的相關介紹

前言:

樣式單的一個最重要的特點就是它可以作用于多種媒體,比如頁面、屏幕、電子合成器等等。特定的屬性只能作用于特定的媒體,如"font-size"屬性只對可卷動的媒體類型有效(屏幕)。

聲明一個媒體屬性可以用@import或@media引入:

@import url(loudvoice.css) speech;
@media print {
/* style sheet for print goes here */
}

也可以在文檔標記中引入媒體:

<link rel="stylesheet" type="text/css" media="print" href="foo.css">

可以看出,@import和@media的區(qū)別在于,前者引入外部的樣式單用于媒體類型,后者直接引入媒體屬性。

@import的使用方法是@import加樣式單文件的URL地址再加媒體類型,可以多個媒體共用一個樣式單,媒體類型之間用","分割符分開。@media用法則是把媒體類型放在前面,其他規(guī)則和rule-set基本一樣。

下面列出各種媒體類型:

SCREEN:指計算機屏幕。

PRINT:指用于打印機的不透明介質(zhì)。

PROJECTION:指用于顯示的項目。

BRAILLE:盲文系統(tǒng),指有觸覺效果的印刷品。

AURAL:指語音電子合成器。

TV:指電視類型的媒體。

HANDHELD:指手持式顯示設備(小屏幕,單色)。

ALL:適合于所有媒體。

手機端(移動端)自適應樣式 @media 的使用

通用手機端樣式:

@media all and (orientation : portrait) {
/*豎屏*/
}
@media all and (orientation : landscape) {
/*橫屏*/
}

指定手機端高度樣式:

@media screen and (max-width: 750px)
@media screen and (min-width: 720px) and (max-width: 960px) {//720 <= xxx < 960的設備}

根據(jù)不同的設備設定的樣式:

@media (min-width: 768px){ //>=768的設備 }
@media (min-width: 992px){ //>=992的設備 }
@media (min-width: 1200){ //>=1200的設備 }

注意下順序,如果你把@media (min-width: 768px)寫在了下面那么很悲劇,因為css文件是從上至下讀取的,后面的css優(yōu)先級會更高

@media (min-width: 1200){ //>=1200的設備 }
@media (min-width: 992px){ //>=992的設備 }
@media (min-width: 768px){ //>=768的設備 }

因為如果是1440,由于1440>768那么你的1200就會失效。

所以我們用min-width時,小的放上面大的在下面,同理如果是用max-width那么就是大的在上面,小的在下面

@media (max-width: 1199){ //<=1199的設備 }
@media (max-width: 991px){ //<=991的設備 }
@media (max-width: 767px){ //<=768的設備 }

以上就是css屬性之媒體類型相關介紹的詳細內(nèi)容了,看完之后是否有所收獲呢?如果想了解更多相關內(nèi)容,歡迎來創(chuàng)新互聯(lián)行業(yè)資訊!

本文題目:css屬性之媒體類型的相關介紹
網(wǎng)址分享:http://aaarwkj.com/article18/igdhgp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供電子商務網(wǎng)站策劃、移動網(wǎng)站建設、面包屑導航、品牌網(wǎng)站建設、網(wǎng)站改版

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設計公司
亚洲老司机深夜福利| 日本成人一区二区三区在线| 免费的一区二区中文字幕| 日韩精品有码在线视频免费观看| 国产在线第一页第二页| 久久综合久中文字幕青草| 黄色大全欧美在线观看| 日本一区二区三区免费看视频| 中文字幕在线五月婷婷| 男人午夜激情免费网站| 男人的天堂av免费看看| 熟女高潮av一区二区| 亚洲成av人片又粗又长| 亚洲欧美精品成人一区| 日本不卡的三区四区五区| 在线国产丝袜自拍观看| 中文字幕日本人妻影视| 国产青青草成人在线视频| 国产视频一区2区三区| 日韩免费在线观看av| av天堂中文一区二区三区| 亚洲欧美综合伊人看片综合 | 日本理伦片一区二区| 日日淫夜夜操熟女视频| 亚洲成人午夜免费在线观看| 国产视频一区二区麻豆| 不卡的av中文字幕在线播放| 亚洲一区二区福利视频| 亚洲欧洲精品真人av蜜臀| 色婷婷av一区二区三| 蜜臀av午夜福利在线| 午夜性生活视频免费看| 亚洲欧美熟妇欲乱又伦| 抱着操才爽的免费视频观看| 日本少妇熟女一区二区| 天天爽天天看天天射天天操| 91精彩啦在线看国产| 国产精品一区二区一牛影视| 91看看午夜福利视频| 一区二区三区欧美小黄片| 中文字幕在线成人影院|