媒體查詢旨涝，顧名思義就是查詢將要應(yīng)用樣式表的媒體漂羊，滿足查詢的條件驾锰，就會(huì)應(yīng)用該樣式表。
語(yǔ)法
- 在HTML中
可以在link和style標(biāo)簽中使用走越，‘,’ 逗號(hào)可以理解or稻据，也就是兩個(gè)媒體中滿足一個(gè)就可應(yīng)用這個(gè)樣式表，and后面附加的是該媒體的屬性。
<link rel="stylesheet" href="./red.css" media="媒體類型 and (媒體屬性),媒體類型 and (媒體屬性)">
<style media="媒體類型 and (媒體屬性),媒體類型 and (媒體屬性)"></style>
- CSS中使用
1.@media 媒體類型 and (媒體屬性){
CSS代碼
}
2.@import url(外部引用的CSS路徑) 媒體類型 and (媒體屬性)
@media screen and (min-width:900px){
body{
background-color: aqua;
}
}
@import url('./blue.css') screen and (min-width:900px);
- 注意
媒體查詢也需要注意樣式的優(yōu)先級(jí)（就是CSS優(yōu)先級(jí)） - 媒體類型
包括screen捻悯，print匆赃，all，speech今缚，分別對(duì)應(yīng)'文檔的屏幕媒體'算柳，'文檔的打印預(yù)覽'，'所有能呈現(xiàn)內(nèi)容的媒體'姓言，'語(yǔ)音合成器瞬项、屏幕閱讀器等'。 - 邏輯關(guān)鍵字
1.and何荚，該關(guān)鍵字后面添加該媒體類型的媒體屬性囱淋，所有屬性滿足才會(huì)應(yīng)用該樣式表
2.not，必須放在媒體查詢前面餐塘，所有屬性滿足妥衣，不應(yīng)用該樣式表。其余情況全部應(yīng)用戒傻。
@import url('./blue.css') not screen and (min-width:900px);
3.only税手，在不支持媒體查詢的舊瀏覽器中隱藏樣式表,必須放在媒體查詢前面
@import url('./green.css') only screen and (min-width:900px);
待補(bǔ)充（媒體屬性）
