前端css中單位em和px的區(qū)別

px表示像素 (計(jì)算機(jī)屏幕上的一個(gè)點(diǎn)：1px = 1/96in)，是絕對(duì)單位，不會(huì)因?yàn)槠渌氐某叽缱兓兓籩m表示相對(duì)于父元素的字體大小。em是相對(duì)單位 ，沒(méi)有一個(gè)固定的度量值，而是由其他元素尺寸來(lái)決定的相對(duì)值。

創(chuàng)新互聯(lián)-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比勐海網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式勐海網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋勐海地區(qū)。費(fèi)用合理售后完善，十余年實(shí)體公司更值得信賴(lài)。

px像素，相對(duì)長(zhǎng)度單位。像素px是相對(duì)顯示器屏幕分辨率而言的。用于元素的邊框或者定位。em是相對(duì)長(zhǎng)度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被設(shè)置，則相對(duì)瀏覽器的默認(rèn)字體尺寸。

② em的值不是固定的；③ em會(huì)繼承父級(jí)元素的字體大小；根據(jù)以上特點(diǎn)我們知道em單位轉(zhuǎn)換為像素值，大小取決于自身父級(jí)元素所設(shè)置的px值大小。父級(jí)元素字體大小乘以em的值。

概念 px：絕對(duì)單位，頁(yè)面按精確像素展示。em：相對(duì)單位，基準(zhǔn)點(diǎn)為父節(jié)點(diǎn)字體的大小，如果自身定義了font-size按自身來(lái)計(jì)算（瀏覽器默認(rèn)字體是16px），整個(gè)頁(yè)面內(nèi)1em不是一個(gè)固定的值。

EM：EM就是根據(jù)基準(zhǔn)來(lái)縮放字體的大小。EM實(shí)質(zhì)是一個(gè)相對(duì)值，而非具體的數(shù)值。這種技術(shù)需要一個(gè)參考點(diǎn)，一般都是以body的“font-size”為基準(zhǔn)。如WordPressguan 方主題Twenntytwelve的基準(zhǔn)就是14px=1em。

Font-size：5em；其實(shí)在國(guó)外CSS編寫(xiě)中，使用em作為單位是很多的，一是人性化考慮，二是受到美國(guó)勞工部Section508法案的強(qiáng)行限制。

CSS中的em運(yùn)用詳解,1em等于多少像素

1、相對(duì)長(zhǎng)度單位，相對(duì)于 當(dāng)前對(duì)象 內(nèi)文本的字體尺寸，如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。 任意瀏覽器的默認(rèn)字體高都是16px。所有未經(jīng)調(diào)整的瀏覽器都符合：1em = 16px。

2、我們可以簡(jiǎn)單地把em理解為字體的大小，比如說(shuō)當(dāng)前元素的字體大小（font-size）是16px，那么1em=16px，5em=24px，依此類(lèi)推。rem與em類(lèi)似，只不過(guò)它是以根元素（html）的字體大小作為基本單位的。

3、任意瀏覽器的默認(rèn)字體高都是16px。所有未經(jīng)調(diào)整的瀏覽器都符合： 1em=16px。那么12px=0.75em，10px=0.625em。

4、第em與px之間怎么換算？*任意瀏覽器的默認(rèn)字體高度16px(16像素)。*所有未經(jīng)調(diào)整的瀏覽器都符合：1em=16px。*那么12px=0.75em，10px=0.625em。

css在初始化時(shí)為什么寫(xiě)成h1,h2,h3,h4,h5,h6{font-size:1em;}是1em...

1、指的是標(biāo)題，h1一級(jí)標(biāo)題，h2二級(jí)標(biāo)題，h6六級(jí)標(biāo)題。這些都是塊級(jí)標(biāo)簽，默認(rèn)樣式從h1到h6字體大小依次減小。

2、h1， h2， h3， h4， h5， h6 { margin：0；padding：0；font-size：100%；font-weight：normal；} 字體大小設(shè)置為統(tǒng)一：font-size：100%；且加粗的效果去掉：font-weight：normal；邊距都去掉。

3、h1， h2， h3， h4， h5， h6， p {font-family： 黑體；} 這樣會(huì)將文檔中所有的h1~h6以及p元素字體設(shè)置為”黑體”。

4、打開(kāi)字體設(shè)置之后，查找到你要用的那個(gè)字體文件的名字，然后按照上面教程的步驟 把 微軟雅黑 改成那個(gè)名字就好了。

5、A，B都是錯(cuò)誤的。。C，D是正確的的。。C只定義了A的樣式。D同時(shí)定義了font和html的樣式。這里的font和html是個(gè)人定義的名字，而不是指字體。

分享標(biāo)題：css樣式1em CSS樣式生效的優(yōu)先級(jí)
文章鏈接：http://vcdvsql.cn/article42/diogsec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、商城網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)