絕對(duì)單位 px
相對(duì)單位 rem em
瀏覽器默認(rèn)的字體大小 16px 那么 1em = 16px
em 具有繼承性 繼承自直接父類 所以說(shuō)在移動(dòng)端很少用
rem 有一個(gè)統(tǒng)一的標(biāo)準(zhǔn) 它繼承自html
16px == 1rem 用 rem 來(lái)表示 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 具有繼承性 繼承自直接父類 最外層的標(biāo)簽繼承自 body
2、rem 沒(méi)有繼承性 所有的標(biāo)簽都是繼承自html
排移動(dòng)端的頁(yè)面是以蘋果4為標(biāo)準(zhǔn) 320*480 以 320 的圖為標(biāo)準(zhǔn)
box-sizing : border-box | content-box
border-box : 設(shè)置的寬度包含 border padding content
content-box : 默認(rèn)值 寬度等于內(nèi)容寬
@import url(**.css); 引入外部樣式 效率比link高 減少一次http請(qǐng)求