流式布局rem vm/vh px em的區(qū)別

　　- rem

　　- rem是相對(duì)于根元素 html，這樣就意味著，我們只需要在根元素確定一個(gè)font-size字號(hào)，則可以來(lái)算出元素的寬高

　　- px

　　- px意為像素 , 是設(shè)備或者圖片最小的一個(gè)點(diǎn)，比如常常聽(tīng)到的電腦像素是1920x1080的，表示的是水平方向是1920個(gè)像素點(diǎn)，垂直方向是1080個(gè)像素點(diǎn)。是我們網(wǎng)頁(yè)設(shè)計(jì)常用的單位，也是基本單位。通過(guò)px可以設(shè)置固定的布局或者元素大小，缺點(diǎn)是沒(méi)有彈性。

　　- em

　　- 參考物是父元素的font-size，具有繼承的特點(diǎn)。如果自身定義了font-size按自身的font-size來(lái)計(jì)算(瀏覽器默認(rèn)字體是16px)，整個(gè)頁(yè)面內(nèi)1em不是一個(gè)固定的值。

　　特點(diǎn)是1. em的值并不是固定的; 2. em會(huì)繼承父級(jí)元素的字體大小。

　　- vw/vh

　　- vw view width的簡(jiǎn)寫，是指可視窗口的寬度。假如可視區(qū)域?qū)挾仁?920px的話。那1vw = 1920px/100 = 19.2px

　　- vh view height的簡(jiǎn)寫，是指可視窗口的高度。假如可視區(qū)域?qū)挾仁?080px的話。那1vh = 1080px/100 = 10.8px

　　- vm

　　- 相對(duì)于視口的寬度或高度中較小的那個(gè)。最小的那個(gè)被均分為100單位的 vm

　　- 例如： 瀏覽器高度900px，寬度1200px，取最小的瀏覽器高度，1vm = 900px / 100 = 9px。

　　媒體查詢是什么

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

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

　　```

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

　　選擇器{

　　屬性：值;

　　}

　　}

　　@media 表示媒體查詢

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

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

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

　　(屏幕條件)

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

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

　　```

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

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

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