1.媒體查詢是什么？

　　媒體查詢：是可以讓我們根據設備顯示器的特性(如視口寬度、屏幕比例、設備方向：橫向或縱向)為其設定CSS樣式，媒體查詢中可用于檢測的媒體特性有 width 、 height 和 color (等)。使用媒體查詢，可以在不改變頁面內容的情況下，為特定的一些輸出設備定制顯示效果。

　　媒體查詢的基本語法如下：

　　```

　　@media 媒體設備 and (min-width:300px){

　　選擇器{

　　屬性：值;

　　}

　　}

　　@media 表示媒體查詢

　　screen 表示查詢設備;媒體設備是個變量，在什么設備下就使用什么值

　　speech 閱讀設備 all所有設備 screen 電腦手機平板

　　and 鏈接符號;并列條件

　　(屏幕條件)

　　max-width：230px 在230px以下的尺寸中。使用媒體樣式。

　　min-width：230px 表示在大于230px尺寸中使用媒體樣式。

　　2.能夠設置文本加粗的樣式屬性是什么？

　　加粗屬性為 font-weight:屬性值; 效果為加粗的值有 bold bolder 600 700 800 900

　　3.前端頁面由哪三層構成，分別是什么，作用是什么？

　　- HTML (結構) : 超文本標記語言, 由 HTML 或 xhtml之類的標記語言負責創建。標簽，也就是那些出現在尖括號里的單詞，對網頁內容的語義含義做出了描述，但這些標簽不包含任何關于如何顯示有關內容的信息。

　　- CSS (表現) : 層疊樣式表 , 由css負責創建。css對“如何顯示有關內容”的問題做出了回答。

　　- JS (行為) : 客戶端腳本語言 , 內容應該如何對事件做出反應

　　4.rem怎么做適配，em是根據什么來決定的？

　　· rem是root 和 em的結合，root是指根元素HTML，em是指父元素字號的倍數，所以rem就是指根元素字號的倍數，如果我們把頁面中的元素單位都轉換成rem，那么他們的大小就會隨著根子號變化而變化，如果根子號的大小可以隨著視口大小變化而變化，那么我們頁面中的元素尺寸就可以實現適配效果了，如果想實現根字號隨著視口變化，那就需要用到一個單位vw，vw是視口寬的1%，根據當前設計稿可以換算出1vw是多少個px，然后再利用他們之間的比例關系，把根字號的px單位轉換成vw，那么根字號就可以隨著視口變化而變化了，頁面中的元素也就會隨著視口變化而變化了。

　　· em這個單位具體要看你用在什么屬性上，如果是用在字號上面，那么他參照的就是父元素字號的倍數，如果用在其他屬性上，比如width,height,text-indent那么它參照的就是當前元素字號的倍數。

　　更多關于“前端培訓”的問題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學，課程大綱緊跟企業需求，更科學更嚴謹，每年培養泛IT人才近2萬人。不論你是零基礎還是想提升，都可以找到適合的班型，千鋒教育隨時歡迎你來試聽。