這篇“css長度單位有哪些”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“css長度單位有哪些”文章吧。

十多年的鄂爾多斯網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。全網(wǎng)整合營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整鄂爾多斯建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)公司從事“鄂爾多斯網(wǎng)站設(shè)計(jì)”,“鄂爾多斯網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

一、使用em或px來設(shè)置字體的大小

CSS從排版里繼承了單位pt（point）和pc（pica）。傳統(tǒng)打印機(jī)上使用，并優(yōu)先于類似的單位cm或in。在CSS中有理由不使用單位pt，可以使用你喜歡的任何單位。我們一個(gè)很好的理由使用既不pt也沒有任何其他絕對單位（），那就是使用em和px。

這里有幾行不同的厚度。它們中的一些或全部可能看起來很清晰，但至少1px和2px線應(yīng)該清晰可見：

1.jpg

如果前四行看起來都相同（或者如果缺少0.5pt線），你可能正在計(jì)算機(jī)顯示器上查看無法顯示小于1px的點(diǎn)。如果線條的厚度增加，你可能會(huì)在高質(zhì)量的計(jì)算機(jī)屏幕或紙張上查看此頁面。如果1pt看起來比1.5px厚，你可能有一個(gè)手持屏幕。

CSS的神奇單位：px，通常是一個(gè)很好的單位，特別是如果樣式需要文本與圖像對齊，或者只是因?yàn)?px寬或1px的倍數(shù)保證看起來很清晰。

但對于字體大小，它甚至更好用em。這個(gè)想法是（1）不設(shè)置BODY元素的字體大?。ㄓ肏TML格式），而是使用設(shè)備的默認(rèn)大小，因?yàn)檫@是讀者可以舒適閱讀的大小;（2）表示其他元素的字體大小em：H1{font-size:2.5em}使H1為普通正文字體的2½倍。

在這里你可以使用的唯一的地方pt（或cm或in）用于設(shè)置字體大小是在樣式表打印，如果你需要確保印刷字體是完全具有一定規(guī)模。但即使使用默認(rèn)字體大小通常更好。

因?yàn)?，px單位可以防止你知道設(shè)備的分辨率。無論輸出是96dpi，100dpi，220dpi還是1800dpi，它都整數(shù)px長度來表示，總是看起來很好并且在所有設(shè)備上非常相似。但是，如果你想知道設(shè)備的分辨率，例如，知道使用0.5px線是否安全，該怎么辦？答案是通過媒體查詢檢查分辨率。解釋媒體查詢超出了本文的范圍，但這是一個(gè)小例子：

div.mybox{

border：2pxsolid;

}

@media（min-resolution：2dppx）{

/*每px有2個(gè)或更多點(diǎn)的介質(zhì)*/

div.mybox{

border：1.5pxsolid;

}

}

二、css的新增單位：rem

為了更容易編寫僅依賴于默認(rèn)字體大小的樣式規(guī)則，CSS自2013年起就有了一個(gè)新的單位：rem。rem（對于“rootem”）是文檔根元素的字體大小。與em元素的區(qū)別在于，rem在整個(gè)文檔中是不變的。例如，為p和h2元素提供相同的左邊距，比較2013年之前的樣式表：

p{margin-left：1em}

h2{font-size：3em;margin-left：0.333em}

新版本：

p{margin-left：1rem}

h2{font-size：3em;margin-left：1rem}

css還有其他一些新單位，可以指定相對于閱讀器窗口的大小，這就是vw和vh。vw是窗口寬度的1/100，vh是窗口高度的1/100。還有vmin，代表vw和vh中最小的。vmax，代表vw和vh中最大的。

因?yàn)樗鼈兪侨绱诵路f，它們還沒有辦法在任何地方使用。但是，截至2015年初，一些瀏覽器已經(jīng)可以支持它們了。

以上就是關(guān)于“css長度單位有哪些”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁題目：css長度單位有哪些
文章路徑：http://jinyejixie.com/article40/podiho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、搜索引擎優(yōu)化、云服務(wù)器、、響應(yīng)式網(wǎng)站、定制網(wǎng)站

廣告

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