常見(jiàn)的CSS布局單位

常用的布局單位包括像素（ px ），百分比（ % ）， em ， rem ， vw/vh 。

創(chuàng)新互聯(lián)建站是一家專注于網(wǎng)站建設(shè)、成都做網(wǎng)站與策劃設(shè)計(jì),清水網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:清水等地區(qū)。清水做網(wǎng)站價(jià)格咨詢:18982081108

（1）像素 （ px ）是頁(yè)面布局的基礎(chǔ)，一個(gè)像素表示終端（電腦、手機(jī)、平板等）屏幕所能顯示的最小的區(qū)域，像素分為兩種類型：CSS像素和物理像素：

（2）百分比 （ % ），當(dāng)瀏覽器的寬度或者高度發(fā)生變化時(shí)，通過(guò)百分比單位可以使得瀏覽器中的組件的寬和高隨著瀏覽器的變化而變化，從而實(shí)現(xiàn)響應(yīng)式的效果。一般認(rèn)為子元素的百分比相對(duì)于直接父元素。

（3）em和rem 相對(duì)于px更具靈活性，它們都是相對(duì)長(zhǎng)度單位，它們之間的區(qū)別： em相對(duì)于父元素，rem相對(duì)于根元素。

（4）vw/vh 是與視圖窗口有關(guān)的單位，vw表示相對(duì)于視圖窗口的寬度，vh表示相對(duì)于視圖窗口高度，除了vw和vh外，還有vmin和vmax兩個(gè)相關(guān)的單位。

vw/vh 和百分比很類似，兩者的區(qū)別：

CSS中的單位你知多少

px 固定像素單位

em，相對(duì)于父級(jí)字體的大小，

rem 相對(duì)于根元素的字體大小，應(yīng)該是 HTML標(biāo)簽

css長(zhǎng)度單位有哪些

在寫css的時(shí)候最常用的長(zhǎng)度單位是px(像素)，經(jīng)常看到的還有em，pt等等，其實(shí)css中的長(zhǎng)度單位一共有8個(gè)，分別是px，em，pt，ex， pc ，in，mm，cm。

1、px：像素(Pixel),相對(duì)于設(shè)備的長(zhǎng)度單位，像素是相對(duì)于 顯示器 屏幕分辨率而言的。

譬如，WONDOWS的用戶所使用的分辨率一般是96像素/英寸。而 MAC 的用戶所使用的分辨率一般是72像素/英寸。

2、em：相對(duì)長(zhǎng)度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。

如當(dāng)前行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸（rem：相對(duì)長(zhǎng)度單位。相對(duì)于根元素(即html元素)font-size計(jì)算值的倍數(shù)）

em相對(duì)于父元素，rem相對(duì)于根元素。

如當(dāng)前行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。

3、pt：點(diǎn)(Point)，絕對(duì)長(zhǎng)度單位。

4、ex：相對(duì)長(zhǎng)度單位。相對(duì)于字符“x”的高度。此高度通常為字體尺寸的一半。

如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。

5、pc：派卡(Pica)，絕對(duì)長(zhǎng)度單位。相當(dāng)于我國(guó)新四號(hào)鉛字的尺寸。

6、in：英寸(Inch)，絕對(duì)長(zhǎng)度單位。

7、mm：毫米(Millimeter)，絕對(duì)長(zhǎng)度單位。

8、cm：厘米(Centimeter)，絕對(duì)長(zhǎng)度單位。

網(wǎng)站標(biāo)題：css樣式單位,css的樣式格式
網(wǎng)站地址：http://chinadenli.net/article35/dsgijpi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、Google、移動(dòng)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、微信小程序、軟件開(kāi)發(fā)

廣告

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