絕對單位 px
相對單位 rem em
瀏覽器默認的字體大小 16px 那么 1em = 16px
em 具有繼承性 繼承自直接父類 所以說在移動端很少用
rem 有一個統(tǒng)一的標準 它繼承自html
16px == 1rem 用 rem 來表示 20 像素
可以給 html 的字體大小設(shè)置為 10px 10px == 1rem 20px == 2rem 30px == 3rem
html {
font-size:62.5%;
}
rem 能用在任何關(guān)于單位的屬性上 eg width height padding margin等
rem 與 em 的區(qū)別遮怜？
1晃琳、em 具有繼承性 繼承自直接父類 最外層的標簽繼承自 body
2讥蟆、rem 沒有繼承性 所有的標簽都是繼承自html
排移動端的頁面是以蘋果4為標準 320*480 以 320 的圖為標準
box-sizing : border-box | content-box
border-box : 設(shè)置的寬度包含 border padding content
content-box : 默認值 寬度等于內(nèi)容寬
@import url(**.css); 引入外部樣式 效率比link高 減少一次http請求