1.媒體查詢(xún)是什么？

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

　　媒體查詢(xún)的基本語(yǔ)法如下：

　　```

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

　　選擇器{

　　屬性：值;

　　}

　　}

　　@media 表示媒體查詢(xún)

　　screen 表示查詢(xún)?cè)O(shè)備;媒體設(shè)備是個(gè)變量，在什么設(shè)備下就使用什么值

　　speech 閱讀設(shè)備 all所有設(shè)備 screen 電腦手機(jī)平板

　　and 鏈接符號(hào);并列條件

　　(屏幕條件)

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

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

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

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

　　3.前端頁(yè)面由哪三層構(gòu)成，分別是什么，作用是什么？

　　- HTML (結(jié)構(gòu)) : 超文本標(biāo)記語(yǔ)言, 由 HTML 或 xhtml之類(lèi)的標(biāo)記語(yǔ)言負(fù)責(zé)創(chuàng)建。標(biāo)簽，也就是那些出現(xiàn)在尖括號(hào)里的單詞，對(duì)網(wǎng)頁(yè)內(nèi)容的語(yǔ)義含義做出了描述，但這些標(biāo)簽不包含任何關(guān)于如何顯示有關(guān)內(nèi)容的信息。

　　- CSS (表現(xiàn)) : 層疊樣式表 , 由css負(fù)責(zé)創(chuàng)建。css對(duì)“如何顯示有關(guān)內(nèi)容”的問(wèn)題做出了回答。

　　- JS (行為) : 客戶(hù)端腳本語(yǔ)言 , 內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)

　　4.rem怎么做適配，em是根據(jù)什么來(lái)決定的？

　　· rem是root 和 em的結(jié)合，root是指根元素HTML，em是指父元素字號(hào)的倍數(shù)，所以rem就是指根元素字號(hào)的倍數(shù)，如果我們把頁(yè)面中的元素單位都轉(zhuǎn)換成rem，那么他們的大小就會(huì)隨著根子號(hào)變化而變化，如果根子號(hào)的大小可以隨著視口大小變化而變化，那么我們頁(yè)面中的元素尺寸就可以實(shí)現(xiàn)適配效果了，如果想實(shí)現(xiàn)根字號(hào)隨著視口變化，那就需要用到一個(gè)單位vw，vw是視口寬的1%，根據(jù)當(dāng)前設(shè)計(jì)稿可以換算出1vw是多少個(gè)px，然后再利用他們之間的比例關(guān)系，把根字號(hào)的px單位轉(zhuǎn)換成vw，那么根字號(hào)就可以隨著視口變化而變化了，頁(yè)面中的元素也就會(huì)隨著視口變化而變化了。

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

　　更多關(guān)于“前端培訓(xùn)”的問(wèn)題，歡迎咨詢(xún)千鋒教育在線(xiàn)名師。千鋒教育多年辦學(xué)，課程大綱緊跟企業(yè)需求，更科學(xué)更嚴(yán)謹(jǐn)，每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，千鋒教育隨時(shí)歡迎你來(lái)試聽(tīng)。