1.響應(yīng)式布局知識(shí):(media query 媒體查詢)
在不同寬度下顯示不同樣式丁鹉，例如手機(jī)端和電腦端龟梦，我們可以寫3個(gè)css焙蹭，第一個(gè)是全部適應(yīng)的位仁，第二個(gè)是適應(yīng)電腦端柑贞，第三個(gè)適應(yīng)手機(jī)端。用代碼表示【<link media="(min－width:500px)"? rel="stylesheet"? href="a.css">電腦適應(yīng)寬度最小不能小于500px——電腦端聂抢【唬】【手機(jī)端代碼如下 <link media="(max－width:500px)"? rel="stylesheet"? href="b.css">手機(jī)端最大寬度不能大于500px】【第一個(gè)全部適應(yīng)的，正常寫琳疏，和平常一樣引入外聯(lián)】
----------------------媒體查詢：---------------------
小案例：
<style media="screen">//這個(gè)是屏幕設(shè)置 ----屏幕設(shè)備
<style media="print">//這個(gè)是打印設(shè)置------打印設(shè)備
默認(rèn)是<style media="all"></style>//全部適用
在link可以這樣寫：
①<link rel="stylesheet" href="screen.css" media="all">//不填all也可以的有决。
②<link rel="stylesheet" href="screen.css" media="screen">
③<link rel="stylesheet" href="print.css"? maedia="print.css">
在HTML里面感覺(jué)這樣寫太多亂，可以這樣寫：
<link rel="stylesheet"? href="css/all.css">
在all.css引入多個(gè)css,例如：
@import url(screen.css)? screen;等這些轿亮，然后最后的screen是適用什么設(shè)備的疮薇。
-------------小練習(xí)--------
設(shè)置導(dǎo)航欄的功效，其中首頁(yè)文字在縮小屏幕寬度的時(shí)候不見(jiàn)我注。
